IndieWebCamp June 27 through July 4, 2014

This is an automatically-generated summary of the IndieWebCamp wiki edits from June 27 through July 4, 2014

Table of Contents

New Pages

Changed Pages

New Pages

wiki/about/

Created by Anomalily.net on June 29

  • Sun, June 29 anomalily.net Created page with "== What is the IndieWeb? == The IndieWeb is a people-focused alternative to the ‘corporate web’. {| class="wikitable" style="background-color:#F8FCF7; border: 1px #eaf6e8 so..."
  • Sun, June 29 anomalily.net /* What is the IndieWeb? */
  • Sun, June 29 anomalily.net /* What is the IndieWeb? */
  • Sun, June 29 anomalily.net /* About */
  • Sun, June 29 anomalily.net /* About */
  • Sun, June 29 anomalily.net /* About */
  • Sun, June 29 anomalily.net /* Past Events: */
  • Sun, June 29 anomalily.net /* Interested? Get Started Now! */
  • Sun, June 29 anomalily.net /* More Events */
  • Sun, June 29 anomalily.net /* IndieWebCamp */
  • Sun, June 29 anomalily.net /* Interested? Get Started Now! */
  • Sun, June 29 anomalily.net /* Beyond Blogging and Decentralization */
  • Sun, June 29 anomalily.net /* Interested? Get Started Now! */
  • Sun, June 29 anomalily.net /* Interested? Get Started Now! */

Contents

About

What is the IndieWeb?

The IndieWeb is a people-focused alternative to the ‘corporate web’.

icon 4611.png Your content is yours

When you post something on the web, it should belong to you, not a corporation. Too many companies have gone out of business and lost all of their users’ data. By joining the IndieWeb, your content stays yours and in your control.



icon 31635.png You are better connected

Your articles and status messages can go to all services, not just one, allowing you to engage with everyone. Even replies and likes on other services can come back to your site so they’re all in one place.



icon 2003.png You are in control

You can post anything you want, in any format you want, with no one monitoring you. In addition, you share simple readable links such as example.com/ideas. These links are permanent and will always work.



Beyond Blogging and Decentralization

The IndieWeb effort is different from previous efforts/communities:

  • Principles over project-centrism. Others assume a monoculture of one project for all. We are developing a plurality of projects.
  • Selfdogfood instead of email. Show before tell. Prioritize by scratching your own itches, creating, iterating on your own site.
  • Design first, formats second. Focus on good UX & selfdogfood prototypes to create minimum necessary formats & protocols.



Homebrew Website Club

Homebrew Website Club 2014-05-21

Homebrew Website Club is a biweekly meetup of people passionate about or interested in creating, improving, building, designing their own website, in the same structure as the Homebrew Computer Club meetings. [1]

We meet every other Wednesday* right after work, 18:30-19:30, across cities and online.

The next Homebrew Website Club meetup is:

See more upcoming IndieWeb events



Interested? Get Started Now!

Have a look at current discussions and recent changes to this site to see what we've been working on lately.

Check out what we're building and join the discussion (irc://irc.freenode.net/indiewebcamp) or the next event:

IndieWebCamp

Indie Web Camp SF 2014 by @aaronpk

IndieWebCamp is a gathering of web creators building & sharing open web technologies to advance the state of the indie web. We get together for a weekend to discuss how we can empower people to own their identities and data, then spend a day hacking & creating.

See Previous IndieWebCamps, most recently the 2014 NYC & SF, 2013 UK, and the main IndieWebCamp 2013. IndieWebCamp has a code-of-conduct.

The next IndieWebCamp is:

IndieWebCamp 2014

Main article: 2014

The fourth annual IndieWebCamp will for the first time be simultaneously held on West (ESRI R&D, Portland) and East (The New York Times, New York City) coasts from -, 10:00-18:00.

  • Where: East & West, respectively:
    • The New York Times, 40th Ave & 8th St., New York City, USA.
    • ESRI R&D Center, 309 SW 6th Ave, Suite 600, Portland, Oregon, USA.
  • RSVP on the 2014 Guest List. Sign in with your domain and add yourself! Attendees must actively create for their personal domain name, or be an apprentice to someone who does.
  • URL: http://indiewebcamp.com/2014

Want to help out with IndieWebCamp? Volunteer!



More Events

Past Events:

Indie Web Camp UK 2013 by @aaronpk
Indie Web Camp 2013 by @aaronpk
Indie Web Camp 2012 by @aaronpk
Indie Web Camp 2011 by @aaronpk

How can I join the IndieWeb?

How to support the IndieWeb:

  • Add buttons and badges to show your support on your website
  • Help with to-do next steps for IndieWebCamps and this wiki
  • Sponsor an IndieWebCamp with a venue, food, or donation.



Translations

You may read and edit IndieWebCamp articles in other languages:

More Information



2014/Demos

Created by Aaronparecki.com on June 30

  • Mon, June 30 aaronparecki.com Created page with "IndieWebCamp 2014 Portland Demos June 29, 2014 4PM-ish == Fix the wiki == Crystal, Peat, Lillian, Reid CSS instead of tables - Used the Foundation CSS framework Responsive desi..."
  • Mon, June 30 upon2020.com added some more meat to the description
  • Mon, June 30 peat.org Adding link to IRC logs for NYC demo notes
  • Wed, July 2 orchard.roaming-initiative.com /* Phillip */ Provide a bit of clarification and expansion on my demo
  • Fri, July 4 aaronparecki.com formatting, add intro demos
  • Fri, July 4 aaronparecki.com

IndieWebCamp 2014 Portland Demos

Start Demos

Amber Case

http://caseorganic.com



Ben Werd

http://werd.io

  • showing posting from his site
  • showing known mobile web interface
  • checking in from his mobile phone POSSEing to foursquare
  • recorded audience saying "hello world", posting the sound recording to twitter and soundcloud



Ward Cunningham

Federated Wiki

  • http://ward.fed.wiki.org/view/federated-wiki
  • Showing federated wiki "recent farm changes"
  • Showing activity happening on other wikis making changes to his wiki
  • Has 4-5 server implementations running
  • Completely open source



Johannes Ernst

IndieBox http://indieboxproject.org/blog/

  • Showing live video feed of his home pool, running from the indie website of his pool
  • Remote control pumps in the pool
  • The pump publishes a list of events on its own site
  • Indie Box OS
    • make it easy as possible to run your own site
    • showing apps installed on the indiebox sitting at the front of the room



Kyle

http://kylewm.com

  • Showed POSSE post discovery - getting feedback from twitter without including a link in the tweet to your site



Aaron Parecki

http://aaronparecki.com

Shane Becker

iamshane.com



Eric Holscher

  • readthedocs.org
  • searchthedocs.org



Jon Pincus

http://achangeiscoming.net

Building community sites, where people want most of their content to be private.



Jason Champion

http://wbsrch.com



Paul Munday

http://paulmunday.net



Hack Day Demos

June 29, 2014 4PM-ish

Notes for NYC Demos

http://indiewebcamp.com/irc/2014-06-29/line/1404073671

Fix the wiki

  • Crystal, Peat, Lillian, Reid
  • CSS instead of tables - Used the Foundation CSS framework
  • Responsive design works on mobile!
  • Improved legibility of the fonts
  • Development instance at http://github.com/peat/wiki
  • needs to be tested with indieweb plugins still
  • No more left hand column; moved to links at the top
  • Next small event and next IWC listed in top right
  • Cleanup of links and general typography
  • added a favicon
  • updated to the current logo
  • After testing with content, we should add photos - The design accomodates whatever content is in the wiki. No change there.
  • screenshot of the new pretty http://cl.ly/image/2R0z3S1C0b2X

Starting to track work to do here: http://indiewebcamp.com/wiki/redesign

gRegor + Amanda working on her blog

Indie plugin Wordpress installer on Indiebox

Johannes Ernst: create a full Wordpress install, with several pre-activated indie web plugins, with a single command, on IndieBox running on VirtualBox. (plugins: web mention, semantic linkbacks, social.) Works the same on physical IndieBox. A Site JSON file describes the configuration, IndieBox does the rest (database provisioning, access control, web server configuration, software download etc.). Still requires manual connection to Facebook and Twitter because we can't script Facebook and Twitter authorizations.

Federated Wiki

  • Ward Cunningham
  • How do edits get joined back together? Inspired by lots of questions about how to merge changes and thinking about it for 3 years, he implemented it today!
  • Icons indicate previous states of the wiki
  • When mousing over a paragraph the corresponding edit icons light up

Faire

http://faire.soule-reeves.com

  • Updating site in Markdown, deploy with Ruby
  • "You know more about Ruby than I do." -Johannes
  • Signed into the wiki. Youngest IndieAuth Sign in to date! Used beeminder to log in to indieauth.

h-card address book

  • Shane Becker, h-card adders book for collecting contacts and using it as a storage system

for other features like POSSE PESSOS stuffs (post de-duplication maybe?)

  • High level view contains name, website, email, phone number
  • More detailed views will contain additional fields
  • Strong focus on which fields are most important and setting the auto focus fields and such.
  • First whale joke of the demos. OoooHHHHoooHHHoooooo

wolftune.com

  • Learned a lot about the web framework he's using
  • Moving away from blogger to his own blog.

wordyard.com

Got bridgy working!

Indie Reader

  • Dr. Ben, Aaron, Emma
  • Login using indieauth, following the ownyourgram workflow debug checker thing screenshot here
  • Maintain a list of subscriptions on your own site using mf2, new u-feed attribute
  • Ben logged in. Logged out, now Emma is logging in.
  • issues signing in on someone else's computer * (no whale jokes)
  • Aaron's dev copy, clicked "reply" in the reader and posted a reply which went to aaronparecki.com successfully.
  • "Bookmark" and "Reply" options on each item.
  • Code is up on github: https://github.com/benwerd/indiereader

Philip

Not a website, but a web interface for a "thing[1]."

DEJE is a distributed hosted JSON system, with a cool permission system that does not rely on central services (except as message routing). The immediate use for this is a massively democratic DNS registry, designed to provide plenty of room for experimentation within its own format, but also capable of forwarding to other alternative DNS's (and even resolving traditional ICANN). In this way, it's a meta-alt-DNS.

DEJE is capable of a lot more than storing DNS data, though. It's smart enough that you can play a game of chess, where the rules of chess are not built into either client, but the rules are built into the document content itself, and events like "rook to B6" can be validated against current board state and turn, and applied to the JSON data. One player could be on a very basic text mode client that knows nothing about chess, the other could be using a fancy OpenGL-based 3D client that only does chess. Both clients would be fully capable of enforcing the rules on each other, and the server would act as nothing more than a routing intermediary.

The protocol is, by choice, something that browsers can speak as easily as any command line client. Thus, browsers are first class citizens, but also not the only first class citizens. The demo was of a browser-based interface to the protocol, which allows for monitoring message broadcasts, constructing and publishing raw messages, and creating and publishing new events (changes to the document state). This interface has been maturing a bit since then on Github. [2]

Erin

  • withknown.com dev instance
  • Known did not have a good system for providing people with a lot of theme options
  • Worked on a theme
  • Cleaned up some of the interface for posting types and sign up
  • Pretty soon they'll have a couple theme options for people who sign up.

Kyle

"Static Hosting on the Cheap"

  • Easy to use and possibly anonymous/obscured identity for pseudonyms artists activists.
  • Hook to push to nearlyfreespeech.net
  • Creating a new markdown file for a post, save, git push, triggers a rebuild on the static site
  • Possibly integrate with gitpub :)

Paul and Darrin

  • Indiewebified tumblr theme for the purpose of introduction to web publishing and indieweb sites. A good demonstration on how to "hack their way out of the box"
  • rel-me links, posts marked up correctly
  • Link format posts can function as replies. Webmentions sent manually.
  • Since it's a tumblr theme, it automatically marks up all your previous posts

you get your own subdomain out of the box, but you can also use your own domain.

  • Bridgy supports tumblr webmention sending and backfeeding data.

beeminder.com

  • Global callback URLs on quantified self data, to keep track of your data on your own site.

IndiePushups.

  • Can be used to synchronize data back to their website?

using localstorage for email tokenization

Related to personas in some way… demo troubles. Someone add details here?

Daniel

Mockup of sharing the content you're viewing with friends in real time.

The web is a solitary activity. Lets you brows the web with your friends in realtime. Would be done through a tabbed interface and allow for sharing of movies and music listening. Would make browsing the web kind more of a shared experience.

Includes a text chat view.

When a new person joins the group…

You could touch through to information on someone else's screen (without disturbing them?)

You could rate and review other peoples web history. YouBrowser!

Aaron demoing on behalf of Tantek in NY

It would be way cooler if contacts were just on your homescreen and you can interact with them, instead of going into an app and then selecting a contact.

Tantek set up a page on his site that resembles iOs and lists his preferred contact methods in order.

Aaron saved the page as a bookmark on his homescreen, shows up as a photo of tantek.

Opened the bookmark from his homescreen, Facetimed Tantek, and then the iPod died shortly after.

Bret

  • Micropub endpoint working for a static site.
  • Automates the git workflow, pushes result to a site.
  • Publishing a photo to instagram, ownyourgram.com will pull it back in realtime.
  • Showed up on his site within a few seconds.
  • Worked on refactoring and cleaning up code. Lots of work to do still, but the app is a good reference for anyone interested in this model.
  • https://github.com/bcomnes/gitpub
  • thanks http://ngoldman.me for help and future collaboration

Sponsors!

  • You can help sponsor IWC using a prospectus form
  • next indiewebcamp is after dConstruct in brighton
  • another one is in cambridge right after cyborg camp at mit media lab

Other Years



Contents

2014/Design Elements

Created by Kylewm.com on June 28


Contents

IndieWebCamp Design

https://etherpad.mozilla.org/indiewebcamp-design

Participants

  • kylewm.com
  • amandamaclean.com
  • gregorlove.com
  • wbsrch.com
  • notenoughneon.com
  • psyhigh.com

Discussion

Kyle likes the simplicity of stevelosh.com and emphasis of content on (fellow indiewebbers) brennannovak.com, glennjones.net

design-elements-2014-stevelosh1.png

This is what was in the back of my head designing my site. elegant and minimal — Kylewm.com



design-elements-2014-stevelosh2.png

when you scroll past a section header, it fades in in the left sidebar to retain context.



design-elements-2014-glennjones.png

User:glennjones.net has lots of indieweb data on the post permalink page but it's instantly obvious which ones are the most important



design-elements-2014-bnvk.png

User:brennannovak.com's page is well-balanced. The navigation elements fade in a few seconds after loading, so that your eye is first drawn to the content.

Darin: what's everyone's experience of working with UX people; they seem like sort of a mythical race

design for desktop or mobile? Kyle: mostly expect desktop, try for graceful degradation to mobile

Jason: mrmoneymustache.com is a fun example of a site that has texture and atmosphere.

(thoughts added later by Kyle) part of the fun of having your own site is having it look however you want, why not make it fun and unique? doesn't have to look "professional"

design-elements-2014-mrmoneymustache.png

lots going on, without feeling flashy or cluttered, in contrast to the more minimalist approaches above.

public/commercial sites: don't usually focus on being pretty or particularly user-friendly. "the walmart of webdesign", public doesn't mind scraping through all that barf (looking at you Amazon)

although Amazon occasionally does something cool with their front page like replace the whole thing with a Kindle roll out

Apple sort of converges for-profit and beautiful design. doesn't hurt that all their products go nicely together.

gRegor: likes thelocalyarn.com

design-elements-2014-thelocalyarn.png

Darrin: PsyHigh uses a hand modified theme from responsee.com. navigation elements collapse to a dropdown menu for mobile. Kyle thinks Known should do this ;)

design-elements-2014-psyhigh.pngdesign-elements-2014-psyhighnav.png

emmak: fundamental problem, usability. can people find what they're looking for. notes vs. replies vs. articles -- no precedent for that that non-indieweb-people are familiar with. when I'm looking at a site, I expect:

  • navigation on top
  • archives (calendar view) along the right side bar
  • about-me on the left sidebar

notes vs. articles - notes are basically plain-text, embed links, use italics,

Darin: notes make me think of those annotation comments on the side of https://kartikprabhu.com/article/marginalia - marginalia comments

indieweb sites built for indieweb people, aaron and tantek's site tend to influence what the rest of us do

emmak: look into facebook and twitter for inspiration

- facebook filters out friends, think they have stopped posting but just haven't clicked on them in a while

- follow some agreed upon standards, so that there is a common language across indieweb sites

wrap up: sort of corralling what indieweb represents into a set of common, recognizable components (for non-tech people)

tools/resources

Emma uses Bootstrap Blog as a base theme

Darin: responsee.com -- in a particular situation needing a site that resembles a professional, public, school website

fontsquirrel.com -- lots of free fonts with clear licenses

webtypography.net -- good resource for starting out

2014/reposts

Created by Tantek.com on June 29


Archived from: https://etherpad.mozilla.org/indieweb-reposts

IndieWebCamp 2014 NYC

17:00 Reposts session

Session participants:

Discussing: https://indiewebcamp.com/repost

Example: https://kylewm.com/share/2014/06/10/1

Ellen's 3+million retweet: https://twitter.com/TheEllenShow/status/440322224407314432

Kartik: If Aaron reposts Barnaby's post, he would keep a copy of the original on his repost. Now if Barnaby deletes the original should Aaron still keep a copy? What if the original post is copyrighted.

Tantek: I want to implement reposts on my site so I keep a copy regardless, and also POSSE native retweet on Twitter. Repost+comment: an emerging pattern on Twitter is to add a comment before retweeting as in "comment by retweeter" RT: @originalposter original post

Or using the recycle icon ♺ e.g.

Aside: Google can't find ♺ Nor Bing But it's on Wikipedia: http://en.wikipedia.org/wiki/%E2%99%BA Unicode: U+267A ♺ recycling symbol for generic materials /Aside

Repost UI:

  1. You enter a URL to repost (or click a repost button)
  2. Your software asks for confirmation:
"Repost this to your followers?"
(preview of your repost... )
           (Cancel) (Repost)

Whiteboard:

2014-179-iwc-nyc-repost-ui.jpg

UI sketches:

  1. Reposting a tweet, retweet, or indie post (repost) with POSSE tweet. Whiteboard:

    2014-179-iwc-nyc-repost-tweet.jpg
  2. Reposting an indie post WITHOUT a POSSE tweet - how do you POSSE to Twitter? Either you don't, or if you do:

♺ user.example.com: "--------..." user.example.com/permalink

"------" = up to 99 characters

... - regardless of truncation include original permalink at end of POSSE copy (instead of permalink to your repost) Whiteboard:

2014-179-iwc-nyc-repost-new-posse.jpg

events/2014-07-16-homebrew-website-club

Created by Gregorlove.com on July 3

  • Thu, July 3 gregorlove.com Initial event; please verify venues for SF, Portland.
  • Thu, July 3 www.dentonjacobs.com /* RSVP */ Denton RSVPing
  • Thu, July 3 tantek.com SF back at Quip, Minneapolis has a tentative time & place for this meetup, RSVP for SF but late
  • Thu, July 3 kartikprabhu.com /* RSVP */ added me to Chicago
  • Thu, July 3 aaronparecki.com need portland location, aaronpk is out of town this week!

Contents

Homebrew Website Club Meetup

Details

When

:

- – Homebrew Website Club broadcast & peer-to-peer meetup & beforehand:

• optional 17:30-18:30 – quiet writing hour for the venues that explicitly have it.

All times are Pacific Time unless otherwise noted in venues.

Where

San Francisco
Quip, 988 Market St. (at 6th), 7th Floor, San Francisco, CA
writing hour?
Portland
need Portland location
Minneapolis
18:00 at Moose & Sadies (tentative)
Chicago
Intelligentsia Coffee, 53 East Randolph St., Chicago, IL
Note the Chicago meeting is at 18:30 CDT

What

new! 17:30-18:30 Writing hour before the meetup. Come on by to blog or do other writing quietly.

Homebrew Website Club Meetup: Are you building your own website? Indie reader? Personal publishing web app? Or some other digital magic-cloud proxy? If so, come on by and join a gathering of people with likeminded interests. Bring your friends that want to start a personal web site. Exchange information, swap ideas, talk shop, help work on a project...

See the Homebrew Website Club Newsletter Volume 1 Issue 1 for a description of the first meeting.

URLs

San Francisco:

  • add indieevent...
  • ... and POSSE copy (e.g. on FB)

Portland:

  • add indieevent...
  • ... and POSSE copy (e.g. on FB)

Minneapolis:

  • add indieevent...
  • ... and POSSE copy (e.g. on FB)

Chicago:

  • add indieevent...
  • ... and POSSE copy (e.g. on FB)

RSVP

Optional RSVP - just show up! You're encouraged to RSVP by any or all of:

  • adding your name below (and indicate parenthetically if you're in for writing hour)
  • sending an indie RSVP to the respective indie event listed above for your location,
  • RSVPing on its POSSE copy on Facebook (also linked above)

Or just show up and say hi! We're a friendly bunch. You may also RSVP after attending.

San Francisco:

  • Tantek Çelik - arriving late like ~19:15 (will have just landed at SFO)
  • ... add yourself!

Portland:

  • ... add yourself!

Minneapolis:

  • ... add yourself!

Chicago:

Notes

San Francisco

  • ...

Portland

  • ...

Chicago

  • ...

Blog posts

Blog posts before the meeting:

  • ...

Photos

...

Homebrew Website Club
2014 07-3007-1607-0206-1806-0405-2105-0704-2304-0903-2603-1903-1202-2602-1201-2901-15
2013 12-1812-0411-20



colophon

Created by Tantek.com on July 4

  • Fri, July 4 tantek.com stub
  • Fri, July 4 tantek.com add daringfireball colophon as real world example
  • Fri, July 4 tantek.com add Kartikprabhu example, split whole page colophon vs. section of about page
  • Fri, July 4 tantek.com link yabout



A colophon is a page or section, like a footer, of a site that describes how the site is made, with what tools, supporting what technologies.

See: http://en.wikipedia.org/wiki/Colophon_(publishing)

IndieWeb Examples

Separate page:

Section of about page:

See Also

wiki/redesign

Created by Aaronparecki.com on July 1


At IndieWebCamp 2014 we had a session to redesign the wiki. The new theme is currently installed on the wiki, but not set to be the default theme yet.

Contents

Preview the New Theme

Contribute to the Redesign

If you want to suggest new CSS edits for the wiki, you can send a pull request to the Mediawiki skin here: https://github.com/indieweb/wiki

If you are signed in to the wiki, there is an additional style tag added on the page:

http://example.com/indiewebcamp.css

(where example.com is actually your website)

This gives you a way to make CSS edits to test things out on the real wiki with the full content rather than setting up your own MediaWiki install.



Todo

  • Collapse TOC on pages
  • Testing on current site with plugins
  • Clean up timestamps in event feed
  • Remove orange underline from linked images
  • Fix preference navigation tabs

Screenshot

As of 6/29/2014 -- http://cl.ly/image/2R0z3S1C0b2X

Twilio

Created by Tommorris.org on July 2


Twilio is an SMS and voice telephony service. You can set up Twilio to make and receive calls over HTTP, and more interestingly to send and receive SMS.

The API is documented here.

Implementations

tommorris.org has had Twilio-based SMS integration since 2013-07-13:

I can send an SMS text message to a UK-based landline number from any phone and the content of the SMS gets sent via HTTP POST webhooks to a private endpoint on my site. The body of the HTTP POST message contains XML that lists the phone number it came from, the content of the message and assorted metadata. If it came from an authorised number, it is posted to my site in the same way that a post submitted on the web would be.
After the post has been made, my server sends back a blob of XML to the server in the response, and Twilio sends an SMS message back to the phone with the URL of the post. The post is tagged as being "via sms" (in the old style of Twitter)—examples: [1] [2] [3].
tommorris sms interface.png
I went to France earlier in 2014 and had no roaming on my iPhone. I wanted to post something to my site, so I could actually post it from my £10 Nokia 1000 pay-as-you-go phone while roaming in France.

Ideas

Yo

Created by Tantek.com on July 2




Yo is an app for sending your contacts the text "Yo". Yo has an API.

API

The Yo API can be used to send a "yo" to all subscribers of a Yo account.

Users are subscribed by sending a "yo" to the account.

Some example use cases: A blog can Yo the readers whenever a new post is published. Imagine getting a Yo From PRODUCTHUNT.

From the Yo Developer API doc [1]

Retrieved from "http://indiewebcamp.com/Yo"

iTunes

Created by Chloeweil.com on June 29

  • Sun, June 29 chloeweil.com Created page with "== Exporting Your Data == '''In iTunes 11, this option is located under File > Library.''' The best way is to ignore the 'Export Library' option and select 'Export Playlist.' T..."
  • Sun, June 29 chloeweil.com /* Examples */

Exporting Your Data

In iTunes 11, this option is located under File > Library. The best way is to ignore the 'Export Library' option and select 'Export Playlist.' The playlist is determined by which playlist you select in the sidebar. This includes 'Music', which represents your library, so you can export your entire library from there. The reason the 'Export Playlist' option is preferred is because you have the option to export as XML or tab delimited CSV (represented as Text or Unicode Text), whereas 'Export Library' only offers XML.

If you want a more meaningful dataset and not literally every piece of information stored in iTunes, you can select all the items in your Library (Cmd +A) and then File > New > Playlist From Selection. Select that playlist and View > Show View Options (or Cmd + J) and select or deselect the columns you want represented in your dataset. Then export that playlist.

I prefer to export as CSV because I find it more manipulable. You can import it into Excel or OpenOffice and export it as another format. You can also import it as CSV into Base and use it in a sqlite3 database, or export it from there as JSON, MySQL, or back to XML.

And then you can build cool tools to manage this information outside of iTunes, or even visualizations with it.

Examples

Sound of Summer 13+ years of iTunes metadata exported in this fashion and turned into a visualization about summer listening habits.

testfrontpage

Created by Anomalily.net on June 29

  • Sun, June 29 anomalily.net Created page with "__NOTOC__ <public><div style="float:right; width: 120px; border: 1px #ccc solid; padding: 0px; margin-left: 10px; text-align: center; background-color: white;"> [[Special:UserLog..."
  • Sun, June 29 anomalily.net



Homebrew Website Club

Homebrew Website Club 2014-05-21

Homebrew Website Club is a biweekly meetup of people passionate about or interested in creating, improving, building, designing their own website, in the same structure as the Homebrew Computer Club meetings. [1]

We meet every other Wednesday* right after work, 18:30-19:30, across cities and online.

The next Homebrew Website Club meetup is:

See more upcoming IndieWeb events

IndieWebCamp

Indie Web Camp SF 2014 by @aaronpk

IndieWebCamp is a gathering of web creators building & sharing open web technologies to advance the state of the indie web. We get together for a weekend to discuss how we can empower people to own their identities and data, then spend a day hacking & creating.

See Previous IndieWebCamps, most recently the 2014 NYC & SF, 2013 UK, and the main IndieWebCamp 2013. IndieWebCamp has a code-of-conduct.

The next IndieWebCamp is:

IndieWebCamp 2014

Main article: 2014

The fourth annual IndieWebCamp will for the first time be simultaneously held on West (ESRI R&D, Portland) and East (The New York Times, New York City) coasts from -, 10:00-18:00.

  • Where: East & West, respectively:
    • The New York Times, 40th Ave & 8th St., New York City, USA.
    • ESRI R&D Center, 309 SW 6th Ave, Suite 600, Portland, Oregon, USA.
  • RSVP on the 2014 Guest List. Sign in with your domain and add yourself! Attendees must actively create for their personal domain name, or be an apprentice to someone who does.
  • URL: http://indiewebcamp.com/2014

Want to help out with IndieWebCamp? Volunteer!

User:Kylewm.com/WikiAdminHelp

Created by Kylewm.com on June 30


photo brainstorming

Created by Tommorris.org on July 3

  • Thu, July 3 tommorris.org started page
  • Thu, July 3 tantek.com dfn, copy prev photo brainstorming content from photo page itself

photo brainstorming is a page where indieweb users who are working out how to publish photos on their own site can document design challenges, issues, brainstorm ideas and show examples of photography on the web that inspires them.

Contents

People Tagging

Ben Werdmuller wondered if you could tag people in photos by linking to their profiles using HTML imagemaps (!) and marking up the imagemap links with microformats. That might look something like:

Tantek, Aaron and Amber!

<map name="peeps">

<area shape="circle" coords="124,58,8" class="microcard h-card u-url" href="http://tantek.com" alt="Tantek Çelik">

<area shape="rect" coords="0,0,82,126" class="microcard h-card u-url" href="http://aaronparecki.com" alt="Aaron Parecki">

<area shape="circle" coords="90,58,3" class="microcard h-card u-url" href="http://caseorganic.com" alt="Amber Case">

</map>

However, because the HTML syntax of imagemaps sits outside the actual image tag, it may be worth adding a microformat to the map itself.

POSSE

POSSEing photo posts makes sense certainly to photo silos like:

  • Flickr
  • Instagram (as much as you can fake a POSSE post to Instagram)
  • Wikimedia Commons (as a commons rather than a silo, it may make sense to start POSSEing here as a backup/distribution/CDN mechanism)

In addition, it makes sense to consider POSSEing to generic silos, despite the fact that they will only retain a (likely) lower resolution copy of your photo:

  • Twitter - as a native Twitter photo tweet, using TwitterAPI update_with_media
  • Facebook

Bridgy Publish may help with POSSEing pictures to Twitter and FB. This is currently on the Bridgy todo list:

Why POSSE rather than TwitterCard

(Not sure if this belongs here or on Twitter page, but capturing as part of this for now.) Advantages to POSSEing actual photos to Twitter, rather than just a link to a photo post on your site with Twitter Cards metacrap markup:

  • Further distribute the use of Twitter kind of like a CDN for your photos
  • People see a larger version of the photo via a phototweet than a Twittercard
  • Usual avoid metacrap (silo-specific meta tags) advantage
  • Photo tweets appear inline in tweet list views (e.g. Twitter timeline / homepage) whereas twitter cards won't appear inline automatically (require twiddling open).
  • Photo tweets work immediately, whereas photo cards require that Twitter whitelist your domain for cards in general (and maybe in particular for photo cards?)
  • Using the TwitterAPI hides the proprietariness, whereas using twittercards means your own website has proprietary metacrap on it
  • Twittercards set a worse example (proprietary metacrap) for others that may view source

tommorris

Motivations

Hosting my own photos has been something I've been wanting to do for a while. This is partly because I'm unhappy with most of the silos I've used:

  • Instagram — fine for the odd snap, but I use it in private mode because there's no easy way of having privacy controls.
  • Facebook — fine for putting up photos of friends, but... it's Facebook and they creep me out.
  • Flickr — one word: Yahoo! It's been redesigned a couple of times now, not necessarily for the better.
  • Wikimedia Commons — I'm reasonably confident Commons will stick around, but am unhappy with some of the administrative politics (and deeply distrust some of the administrators), and it has a limited scope—hosting only "freely-licensed educational media content". Commons is a great place to host some but not all content I wish to post. Commons is also very rigid about copyright: it attempts to adhere to copyright in both the United States and in the country where the photograph was taken. Some photos taken in France, Belgium, Italy and (with obscure exceptions) the Netherlands which do not have freedom of panorama cannot be hosted on Commons even though the images are legal in my country of citizenship, the United Kingdom.

Ideally, I want to host my own photos and have some of them stored elsewhere. The ones I don't want to be public are probably best stored on Facebook.

Photography on the web I find inspiring

  • Paul Stamatiou's Photos — good photography, enticing layout.
  • Urban75 — Urban75 is an old-school staple of British independent web publishing. The layout is very 90s but the photography is pretty good, and the information architecture makes me want to explore it more.

See also

User:Jden.us

Created by Tantek.com on July 3




Jason Denizac

Working On

Per http://indiewebcamp.com/irc/2014-07-03/line/1404407281:

  • use gists to bootstrap my notes.jden.us page (as a backing store),
  • then using that to POSSE GitHub issues,
  • and then ultimately developing something to move away from gists that's self-hosted

2014/indie-reader

Created by Gregorlove.com on July 1


Contents

Session Notes

Imported from: https://etherpad.mozilla.org/indie-reader

Current readers

selfoss

feedbin

digg reader

Reeder

Discussion

Big divide in the original readers

  • is it an inbox where you have to read every item
  • or more like a stream that lets you dip in and out
  • a hybrid

What do we want an Indie reader to do?

  • read feeds - rss/atom, h-feed, twitter/fb/silos
  • inbox/stream
  • actions: share/reply/repost/upvote/fave/bookmark/rsvp
  • works on a phone
  • hide/block/mark as spam
  • mark as read
  • grouping (shane posted this photo on x, y, z rather than as separate items)
  • volume control per feed - filters
  • mailbox rules
  • full content in the reader

Whiteboard

iwc-2014-indie-reader-whiteboard.jpg

Priorities

Reading feeds: RSS/Atom/Microformats Actions: Reply Mobile-friendly

Micropub replies (inline replying from the reader to your own site) Run as a hosted service Target VM/servers for operations LAMP stack

Questions / Features

Where does the list of subscriptions live?

  • OPML file hosted on your website
  • Microformats2 version of OPML
  • can be updated outside of this reader app and used by other readers

Mailbox rules to create a public curated list of links like http://news.indiewebcamp.com/

Re-using views?

See Also

User:Johnkastler.net

Created by Johnkastler.net on July 2


Hello, world!

homepage: http://johnkastler.net

IndieWordpressTests

Created by Upon2020.com on June 29


Notes from Indie Web Camp 2014 in Portland. Test cases for Webmention.

Test Indie Wordpress to/from Twitter

  1. Wordpress user posts something
  2. Post gets syndicated out to Twitter
  3. Second Twitter user:
    1. Replies
    2. Retweets
    3. Favorites
  4. Wordpress admin user can see the Twitter action as a new comment in Comment queue
  5. After approval by Wordpress user, it up as a comment on the original Wordpress post

Test Indie Wordpress to/from Facebook

(as for Twitter)

Test Indie Wordpress to/from other Indie Wordpress

  1. Wordpress user 1 posts something
  2. Wordpress user 2 posts something with a Webmention to user 1's post
  3. Wordpress user 1 can see webmention as a new comment in Comment queue
  4. After approval by Wordpress user, it up as a comment on the original Wordpress post

2014/quantified-self

Created by Aaronparecki.com on July 4


  • some things that are tracking things and the things they are tracking:

sbb.me

/steps (walks)

  • p-steps.p-qs-steps : 9000
  • p-steps.p-qs-miles : 4.2 miles
  • p-steps.p-qs-kilometers : 19.7 kilometers

/weights

  • p-weight.p-qs-pounds : 135 lbs
  • p-weight.p-qs-kilograms : 8 kg



aaronpk.com

/pushups

  • p-type : pushups
  • p-count : 100

/weight

  • p-weight: 100lbs
  • p-weight: 40kg

beeminder.com

/goal

  • datapoint
    • time
    • value
      • comment
    • unit



generally, want a count, a unit (unit of measure), a type (type of measure / what you're measuring)



qs nouns!

existing:

  • steps
  • weight
  • pushups
  • sleep

new

  • location (lat/lng)
  • runs
  • bike rides
  • scrobbles (music)
  • car2go drives
  • mood
  • food

??

  • checkins
  • likes
  • bookmarks



You probably want some way to mark these kinds of things (as well as things like replies), and classify different ways to group and treat them differently. E.g. steps, bikes, runs, pushups are all "exercise" things, and you might want to filter all of those out, or just style them differently, or put them in the sidebar or whatever.



iwc-2014-qs-whiteboard.jpg

lj2006

Created by Hawke.org sandro on June 29

  • Sun, June 29 hawke.org sandro Created page with "The story is fairly clear from these three posts. Note how many comments there are. <a href="http://news.livejournal.com/2006/01/19/">Changes to User Subdomains</a> Krissy (lj..."

The story is fairly clear from these three posts. Note how many comments there are.

Changes to User Subdomains Krissy (ljkrissy) 2006-01-19 02:47:00

Discussing The Security Changes David Recordon (daveman692) 2006-01-26 16:36:00

the XSS security challenge Brad Fitzpatrick (bradfitz) 2006-01-30 22:18:00

2014/intro-to-indieauth

Created by Aaronparecki.com on July 4


http://indieauth.com

See wiki pages at Category:IndieAuth

OmniAuth gem for using indieauth.com

Simple app example:

2014/indie-contacts

Created by Aaronparecki.com on July 4

  • Fri, July 4 aaronparecki.com copied notes from etherpad

IndieWebCamp 2014

  • 12:00 Portland session
  • 15:00 New York

"a better hcard creator"

Improve on this:

extensible -- adding fields (for example a tattoo artist wants to use this for a CRM where a field might be what tattoo people want)

could also be useful for sharing -- URL for people who can log in

each silo has their own address books

earlier work: FOAF. but, it was in RDF, XML with namespaces etc., a lot of people made FOAFs and didn't do anything with them

XFN was a response to FOAF (that's where the rel= came from)

POCO (portable contacts), didn't really go anywhere

  • ^^^ what does this have to do with UI? Nothing

used by programs, used by people. one scenario where it's used by a person: what's Ben's phone number? (but why don't you just go to his site? he may not have published it)

it's a private address book; and it's a friends list. (it's two taste treats in one!) possibly: names and URLs [optionally] public; other attributes are private

  • filter is categories by who looks at it
  • on a social network, the people on your friends list are the people you subscribe to. that's not the same as the general address book.
  • XFN has relationship types; they're only positive (no enemy, nemesis, etc.)

Johannes wants a relationship between the things in his contacts and everything he's had to do with them. if that's available as a service, then can do interesting things with apps on it Shane sees this (and smart linking, reader, private posts, and many other things) as on top of the address book

You can install lots of apps on the indiebox, but they often don't share any data. They're stovepipes. You can't share between mediawiki and known and etc etc. It'd be nice if everything could read from an indie address book.

Would Known use a contacts app? Yes definitely. So when they syndicate out to other services they can look up how to link to the person. @t on twitter. tantek.com for the web... etc If not everyone has an indie web site but they are mentioned on one, it would be good if they could still be notified

^^^ rel=me already solves that today 1. get someone's URL (e.g. tantek.com) 2. collect all their rel=me links (optionally confirm them) - phpmf2 gives you this in JSON 3. if you're looking for a particular silo profile, look it up by domain (e.g. twitter.com/)

what about things that aren't public? like doctors

Doctors have websites. Their websites should simply markup their existing contact info with h-card. Doctor's phone numbers are usually public (or at least their answering service).

you appear to have a different relationship with your doctor than i do :) when i ask them to change their website they laugh

Does your doctor not have a website? (perhaps only in the future-world of SF do doctors have websites?) they don't have their cell # on their web site but i have it

so this is for legacy backward compat?

most of my friends don't have their phone numbers on the web

  • friends phone numbers, home addresses, urls, home pages, silo urls, keys, birthrates, death dates, interactions with contact, following status, significant dates, photos/avatars, email, IM, irc handles, canoncial source (URL), recency, catgories of people, type of relationship (all of hcard basically)

Shane asks but which ones matter to the person who is using it?

  • What is the use-case here that has to do with your own website? Really confused.
  • Your website could use these to syndicate with the right links is the only one I've heard. Also the human aspect of normal address books, going to look up peoples things.
  • Isn't that just a page/window/screen of bookmarks of people's sites/icons per http://indiewebcamp.com/icon ?
  • I think that could be a starting point but sometimes I have more information on someone than is on their site, or they don't have an indiewebs ite.

ditto.

  • So you want bookmarks with a description field you add to?
  • i often have contact info for people where i don't have their website (or for that matter don't even have a website). am i just unusual that way?
  • ^ NO - this is important. All information really has to be optional (except perhaps some kind of human-friendly identifier)

I for one would not feel comfortable storing SOMEONE ELSE'S PRIVATE INFORMATION on *my server*. **I don't want that level of responsibility**. So perhaps I can duck out of this then. -t

    • ^^ You already store this information in your phone, though? Also, maybe _that's_ where this could live?

Local devices are totally different security context than ANY server. TOTALLY different level of responsibility. Also why I don't trust any auto-sync cloud services (not to be compromised - which they are all the time). good point.

  • Ben says what if this all lived on your phone? Could we use it from there?
    • But also: what information _would_ you feel comfortable with? Simple following / followed list?
  • So if this is about storing all your addressbook info (other's info) on *your* server, then I suppose I'm not interested in this use-case for my website.
  • The reason I don't like storing data is because data decays and I don't want to have to *tend* yet another data source and keep it fresh --bear
  • Again, does that also apply to friends lists?

social conventions exist for this kind of information; we shouldn't just handwave these away. for example, if you share a phone number, there's an expectation that you won't reshare it. [although if you put a phone number into an iphone and it gets synced to icloud, it's shared that way] (and that's a reason I don't use iCloud and I don't trust it.) ditto. (and the same for google) although it's true that i'm at the mercy of whoever i share my info with.

architectural question: does data exist on friends website and i retrieve it when i need it (perhaps caching it)? (YES)

or is the copy in my address book the definitive one?

No, becase then it gets out of date when your friends change their information.



why not have a "people" post-type where you can save contacts as h-cards? publish it if you'd like, maybe a private feed? I think this is the idea Shane started with gotcha!

when you go to tantek.com on your phone, it has action buttons: text me, IM me, email me. (or it will in the future

here: http://tantek.com/2014/067/b1/building-blocks-people-focused-mobile-communication

  • Known does that as well. allows people to self-represent their email information. Ben: still, it's onerous to parse this each time.

maybe we should focus on an "indiecontactlist" instead of a full-fledged address books

  • hcard with vendor-specific prefixes
    • prefixes for what? what use-cases are you trying to solve? (there may already be solutions - don't jump to inventing new/vendor-specific things without first *documenting* the use-cases you think need solving)
  • agreed

A+.

2014/static-sites

Created by Aaronparecki.com on July 4

  • Fri, July 4 aaronparecki.com copied notes from etherpad

Static Sites

https://github.com/bcomnes/bcomnes.github.io

GitPub https://github.com/bcomnes/gitpub will be a micropub endpoint to go from micropub client -> git repository which will support eg github pages



webmention.js https://github.com/bcomnes/webmention.js a proof of concept to add dynamic webmention conversation streams to a static site, a la disqus



jden.us is talking about is static sites. he uses github pages as a way to host simple static html pages. mostly just updated by hand.

also using js apps on a single page, using the url as a primary input for the app

jden.us/beta-triangles

crystal is showing her static sites integration with mail chimp. It use a simple form element that submits to an external website. using mailchimp as a database

Sean is piping jinja template output through beautiful soup in order to clean up the generated html. tempting systems generate messy or hard to read html sometimes.

paul flask frozen freezes the output of a rendered sites

ways to store state:

  • url hash
  • third party service / widgets
  • your own db
  • git repository / github gist

if you had to work on one thing for a static website tomorrow, what would you do?

  • build a gitpub app / web interfaces for modifying content in a git repository

patterns for extending static sites with indieweb integrations:

  • have a separate service which modifies the static content directly (eg modifying a git repository) and responds to endpoints
  • embed js widgets to pull in data from another service (which you can host or your friend can host for you - can be multitenant, eg)

canonical format for content: html or markdown or other?

  • consensus roughly around markdown

Images!

  • http://git-annex.branchable.com/ - store references to files (like images) in git
  • tin eye - reverse image search good for locating image ownership
  • s3 / Internet Archive S3-compatible api
  • Git repo on s3 to keep separate image files out of the main git repo
  • Internet archive will also host videos and

2014/getting-started-with-known

Created by Aaronparecki.com on July 4


Getting started with Known

2pm

goal: as easy as (or easier than) wordpress, or for people who don't host their own - as easy as signing up on Tumblr

works either as a single-user or multi-user site

can write plugins to add additional post types (like chickens)



who are the competitors? wordpress, primarily; to a lesser extent tumblr ("a tumblr that you own"), hootsuite and buffer (from the syndication aspects)

2014/private-conversations

Created by Aaronparecki.com on July 4


Private Discussions and Private Social Networks (3pm at https://etherpad.mozilla.org/indiewebcamp )

  • Early in the web, it was easy to have, e.g., a LiveJournal. As you develop a public persona, it becomes harder to post things which are unfinished
  • Need a cloud-based place to put notes, etc
  • Setting up private blogs, sites for small audiences

How do people feel about the security of posting private info on a web site?

  • Amber: ok if its my own server; not ok on wordpress.org



After setting up Wordpress

  • limit login attempts
  • p2 theme. boom, a social network!
  • custom login. customize what people can see without logging in
  • more privacy options: set reading visibility to network users, or site admins only
  • p2 likes: like posts
  • simple local avatars: upload a picture, user profile, etc.
  • p2 resolved posts: edited the plugin codes so that the choices are "flag new" and "flag read"
  • peter's login redirect: send individual users to specific parts of a site (without having to do multisite)
  • who's online: just what you'd expect from the name! if you add it ot the sidebar, shows who's online whenever you log in
  • chatroom: live chat. can also add video plugins

can set up wordpress app from iphone to post to this site. when i take notes, i do it through the wordpress app; they all get timestamped etc. works offline, when my phone's in airplane mode it queues them up

you can tag things, install additional plugins to get deeper categorization

  • what about search? could set it up as a single multi-site
  • notifications? one of them i check it regularly, as frequently as facebook. and if they need me to look at it right now, they'll text me. "if i got a ping every single time somebody updates something here, i'd go insane". there might be a plugin to set a custom post type or specific tag and you'll get notified on your site. without any code at all you could use IfThisThenThat.

A calendar would be really nice too, but it hasn't gotten that annoying yet. Calendering sucks, but I don't want to share my Google calendar.

(lengthy discussion about multiple identities and pseudonymity)

interesting to think of places that embrace different kinds of temporality

  • ephemerality
  • meatspac.es: no usernames, you're represented by a 2-second moving gif, so you need to have an idea of who's there to make sense of it [your hash has a time-based component]. 10-minute buffer. anybody who's there *can* archive that, but it's not the cultural norms. not "private" in that you'd feel comfortable discussing financials or overthrowing the state, but it's a very different feel. it's a community norm to use your face.

im

Created by Tantek.com on June 28




.im is a short-domain. See: short-domains#im.

Retrieved from "http://indiewebcamp.com/im"

User:Achangeiscoming.net

Created by Achangeiscoming.net on June 28

  • Sat, June 28 achangeiscoming.net Created page with "[http://achangeiscoming.net Jon Pincus] is a software engineer / entrepreneur / strategist, currently developing the open-source social network platform TapestryMaker."

Jon Pincus is a software engineer / entrepreneur / strategist, currently developing the open-source social network platform TapestryMaker.

tmobile

Created by Bear.im on July 2




T-Mobile SMS/EMail Gateway documentation

podcast

Created by Aaronparecki.com on July 2

  • Wed, July 2 aaronparecki.com stub with notes from conversation with [[User:Anomalily.net]] about the inability to switch podcast hosting providers



Contents

Submitting to iTunes for distribution

See: How to Submit a Podcast at apple.com

When submitting a podcast URL to iTunes, be sure to submit a URL on a domain that you control. For example, if using Libsyn to host your podcast mp3s, don't submit the RSS URL that they provide. Instead, host a page on your domain that sends a "302 Found" temporary redirect to the Libsyn URL.

Changing podcast hosting providers

Podcast URL under your control

If your podcast URL is on your own domain, then you can just change the 302 redirect to point to the new hosting provider.

Podcast URL not under your control

If your podcast URL is not on your own domain, then the ability to change your URL is limited by whether your current host allows you to.

Libsyn has a writeup of how to change your feed URL.

Essentially the process involves setting an additional property in the feed URL.

<itunes:new-feed-url>http://newsite.example.com/podcast.rss</itunes:new-feed-url>

server

Created by Kylewm.com on July 4

  • Fri, July 4 kylewm.com migrated apache and nginx here from /projects

Server or web server refers to the hardware and/or software that hosts the content of a web site.

Contents

Software

Apache

Main article: Apache

Apache is the most popular HTTP (web) server software, and an open source project.

Nginx

Main article: nginx

Nginx is another popular HTTP (web) server software and open source.

See Also

User:Www.dentonjacobs.com

Created by Www.dentonjacobs.com on July 3

  • Thu, July 3 www.dentonjacobs.com Creating initial page.

Denton Jacobs

https://www.dentonjacobs.com

User:Aaronparecki.com/common.css

Created by Aaronparecki.com on July 1


Note: After saving, you may have to bypass your browser's cache to see the changes. Mozilla / Firefox / Safari: hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (Command-R on a Macintosh); Konqueror: click Reload or press F5; Opera: clear the cache in Tools → Preferences; Internet Explorer: hold Ctrl while clicking Refresh, or press Ctrl-F5.

body {
  background-color: #ff0000;
}

User:Walteryu.com

Created by Walteryu.com on July 3

  • Thu, July 3 walteryu.com Created page with "<p class="h-card"> <img class="u-photo" src="http://img1.wikia.nocookie.net/__cb20100913232841/pacman/images/4/47/Pac-man-ghosts.jpg" alt="" /> <a class="p-name u-url" href="..."

Walter Yu Email Hello from walteryu.com!

Template:kevinmarks

Created by Kevinmarks.com on July 2

  • Wed, July 2 kevinmarks.com Created page with "<span class="h-card">{{sparkline|http://www.kevinmarks.com/km.jpg}}[[User:Kevinmarks.com|Kevin Marks]]</span>"

Kevin Marks

pin

Created by Tantek.com on July 3

  • Thu, July 3 tantek.com stub from IWC HW 2013 session, plus recalling more thoughts, and updates per Twitter



pin or pinning is a feature that allows the author to choose a post to put at the top of their profile (or homepage) which is then called a pinned or sticky post.

Contents

Why

Sometimes you want to pin a post that's temporally (or temporarily) relevant - e.g. before an event (human) or site shutdown.

IndieWeb Examples

None so far.

Software Support

  • WordPress has supported sticky posts since 2.7

Silo Support

Facebook

Facebook has supported pinned posts on event posts, pages for quite some time.

Twitter

Twitter's mid-2014 UI update added support for a pinned post on a user profile.

Brainstorming

More thinking on pinned / sticky posts:

  • You may not want it to be the first post in your profile - because that may give the illusion that there's nothing newer.
  • Possibly 1-2 normal in-stream posts display, then followed by the pinned post, almost like it is a promoted post for itself.

Session

Sessions about pinning:

See Also

Retrieved from "http://indiewebcamp.com/pin"

User:Crystalbeasley.com

Created by Tantek.com on July 3




Crystal Beasley

Slack

Created by Chloeweil.com on July 3

  • Thu, July 3 chloeweil.com Created page with "People love Slack HQ. They make it clear to see who’s speaking with avatars and whitespace, offset the speaker from the text, make it clear what the person said, and de-emphasi..."

People love Slack HQ. They make it clear to see who’s speaking with avatars and whitespace, offset the speaker from the text, make it clear what the person said, and de-emphasize the timestamp and room actions. They also support emoji. Caveat: I’ve never used it, I just know they’re doing something right because people are fanatical about it.



References

Slack HQ

User:Jorgee.net

Created by Jorgee.net on June 30

  • Mon, June 30 jorgee.net Initial hcard version of my user page

Jorge E. Gómez

Ubuntu sysadmin and user. Currently exploring Ansible, Docpad, and Odoo; Android user and Espresso enthusiast. Exploring the Indieweb.

jgee on IRC

jorge@jorgee.net Bogotá, Colombia

Changed Pages

2014/Guest List

25 edits by ericholscher.com, reichert.io, colbyaley.com, jonrichter.de, kevinmarks.com, pjf.id.au, kartikprabhu.com, aaronparecki.com, paddy.io, brennannovak.com, orchard.roaming-initiative.com, willnorris.com, bethaknee.com, lowfill.org, hildebrand.me, felixniklas.de, liamkavanagh.com, halorgium.net, wolftune.com

2014/Schedule

13 edits by tantek.com, kartikprabhu.com, aaronparecki.com
  • Fri, June 27 tantek.com /* Friday 2014-06-27 IndieWebCamp Pre-Parties */ who is coming when to NYC - tantek arriving more like 24:30
  • Sat, June 28 kartikprabhu.com /* Friday 2014-06-27 IndieWebCamp Pre-Parties */ pre-party woohoo!
  • Sat, June 28 tantek.com /* Friday 2014-06-27 IndieWebCamp Pre-Parties */ en route - new ETA
  • Sat, June 28 tantek.com NYC 9:30am start
  • Sat, June 28 tantek.com move NYC intros/demos earlier - no need to sync that with PDX. and do hack time / PDX demo watching in NYC while they're at it
  • Sat, June 28 tantek.com note breakfast & coffee in room at NYT, bump NYC intro/demos to 11 so early PDX folks maybe can watch
  • Sat, June 28 aaronparecki.com /* Saturday, June 28, 2014 (Idea Sessions) */ add links to pdx sessions
  • Sun, June 29 aaronparecki.com /* IndieWebCamp Group Dinner */ Laughing Planet in the Pearl!
  • Sun, June 29 tantek.com update NYC scedule
  • Sun, June 29 aaronparecki.com /* Sunday, June 29, 2014 (Work Sessions) */ update schedule
  • Sun, June 29 aaronparecki.com /* Sunday, June 29, 2014 (Work Sessions) */
  • Mon, June 30 aaronparecki.com /* Saturday, June 28, 2014 */ remove mini-schedule because all the content is on the main grid now
  • Mon, June 30 aaronparecki.com /* Saturday, June 28, 2014 (Idea Sessions) */ add ad-hoc quantified self session

events/2014-07-02-homebrew-website-club

12 edits by tantek.com, jden.us, aaronparecki.com, kartikprabhu.com, werd.io, kevinmarks.com, walteryu.com, dool.in

2014

12 edits by aaronparecki.com, brennannovak.com, tantek.com

2014/Cambridge/Guest List

9 edits by rascul.io, noakes.in, happynchill.in, hawke.org sandro

store

8 edits by jancborchardt.net, brennannovak.com, upon2020.com, tantek.com
  • Sun, June 29 jancborchardt.net /* Vocabularies */ add W3C manifest for web app
  • Sun, June 29 jancborchardt.net /* Apps */ add ownCloud
  • Sun, June 29 jancborchardt.net /* Platforms */ add ownCloud to Platforms as well
  • Sun, June 29 brennannovak.com /* Store */
  • Sun, June 29 jancborchardt.net /* Apps */ add Litewrite
  • Sun, June 29 brennannovak.com /* Store */
  • Mon, June 30 upon2020.com Added cldstr.com -- need to point out that this actually work today
  • Tue, July 1 tantek.com re-organize examples vs. specs, move W3C Manifest spec higher up on the page

Twitter

7 edits by kylewm.com, tantek.com
  • Wed, July 2 kylewm.com /* Early User Interface */ added gRegor's reminscings about early UI
  • Thu, July 3 tantek.com Features list and a few more details replacing
  • Thu, July 3 tantek.com /* Features */ note private message feature
  • Thu, July 3 tantek.com /* Features */ note/reply cluster, also location info
  • Thu, July 3 tantek.com /* Features */ web actions, citation UI, pin
  • Thu, July 3 tantek.com /* Features */ message
  • Thu, July 3 tantek.com /* Features */ optionally attaching 1-4 photos, repost others, like any

Tumblr

6 edits by paulmunday.net
  • Sun, June 29 paulmunday.net /* Add rel-me links and use IndieAuth */
  • Sun, June 29 paulmunday.net /* Add rel-me links and use IndieAuth */
  • Sun, June 29 paulmunday.net /* Add microformats support */
  • Sun, June 29 paulmunday.net /* Example Tumblrs with microformats */
  • Sun, June 29 paulmunday.net /* Add microformats support */
  • Sun, June 29 paulmunday.net /* Add microformats support */

User:Kartikprabhu.com

5 edits by kartikprabhu.com
  • Sat, June 28 kartikprabhu.com /* Itching */ adding to itches while tantek talks about it
  • Tue, July 1 kartikprabhu.com /* Indie Projects */ ad marginalia
  • Thu, July 3 kartikprabhu.com /* Itching */ update itches
  • Thu, July 3 kartikprabhu.com /* Itching */
  • Fri, July 4 kartikprabhu.com /* Itching */ made on list darn mediawiki

2014/expenses

5 edits by aaronparecki.com, tantek.com

Events

5 edits by crystalbeasley.com, anomalily.net, bret.io, aaronparecki.com

User:Tantek.com

4 edits by tantek.com
  • Thu, July 3 tantek.com /* working on */ updating CASSIS NewBase60 to CC0 for willnorris
  • Thu, July 3 tantek.com note highlevel goals: replace all my Twitter/FB usage with my own site instead prioritize a few inbox requests to community actions, move working on further up
  • Thu, July 3 tantek.com smaller image
  • Thu, July 3 tantek.com add video at the top

homepage

4 edits by tantek.com
  • Thu, July 3 tantek.com dfn, silo example Twitter
  • Thu, July 3 tantek.com merge /home_page into this page
  • Thu, July 3 tantek.com /* IndieWeb Examples */ update / subcategorize based on current content at their home pages
  • Thu, July 3 tantek.com /* About You */

IRC People

3 edits by fcns.eu, felixniklas.de, jden.us

photos

3 edits by tommorris.org, tantek.com, cweiske.de
  • Thu, July 3 tommorris.org /* See Also */ redlinking [[photo brainstorming]]
  • Thu, July 3 tantek.com /* Brainstorming */ add main
  • Fri, July 4 cweiske.de /* Software */ list mediagoblin

site-deaths

3 edits by tommorris.org, erinjorichey.com

annotation

3 edits by kartikprabhu.com, tantek.com

Homebrew Website Club

3 edits by tantek.com
  • Thu, July 3 tantek.com note Minneapolis meeting (now that it has happened twice), organizer, link to first Chicago, MSP meetings
  • Thu, July 3 tantek.com holiday collisions, quiet writing hour
  • Thu, July 3 tantek.com first pass at structure

WordPress/Development

2 edits by david.shanske.com, upon2020.com

File:design-elements-2014-glennjones.png

2 edits by kylewm.com
  • Mon, June 30 kylewm.com screenshot of glenn's note permalink page
  • Mon, June 30 kylewm.com added Glenn's permission for using the screenshot

subdomains

2 edits by hawke.org sandro

File:glennjones.png

2 edits by kylewm.com

authorization-endpoint

2 edits by cweiske.de
  • Wed, July 2 cweiske.de endpoint discovery
  • Wed, July 2 cweiske.de /* Creating an Authorization Endpoint */ talk about header

WordPress

2 edits by david.shanske.com, upon2020.com

2014/fix-the-indiewebcamp-wiki

2 edits by aaronparecki.com

why

2 edits by tommorris.org
  • Thu, July 3 tommorris.org /* Censorship */ Instagram and Facebook, we're watching
  • Thu, July 3 tommorris.org /* Personalisation/filter bubble */ another day, another reason to gasp at Facebook's chutzpah

Category:building-blocks

1 edits by anomalily.net

search

1 edits by rascul.io
  • Sun, June 29 rascul.io /* site search with 3rd party backend */ add some third party search services

IndieMark

1 edits by tantek.com
  • Sun, June 29 tantek.com /* Level 1 */ add note making explicit that no search UI is required for level 1 per feedback from rascul

2014/Introductions

1 edits by tantek.com

web hosting

1 edits by david.shanske.com
  • Sat, June 28 david.shanske.com /* Virtual Private Server */

Template:Attendee

1 edits by aaronparecki.com

2014/Sessions

1 edits by kartikprabhu.com
  • Sat, June 28 kartikprabhu.com /* Want */ added session suggestions

PESOS

1 edits by peat.org

projects

1 edits by kylewm.com
  • Fri, July 4 kylewm.com /* production */ moving apache and nginx to /server

2014/indieweb-for-activists

1 edits by kylewm.com

repost

1 edits by tantek.com

Smallest Federated Wiki

1 edits by c2.com

selfdogfood

1 edits by kylewm.com
  • Tue, July 1 kylewm.com /* Discussion */ added suggestions i heard at iwc

distributed-indieauth

1 edits by cweiske.de
  • Wed, July 2 cweiske.de /* Level 2: Choose your own authorization server */

indieauth.com

1 edits by cweiske.de
  • Wed, July 2 cweiske.de move provider status to indieauth.com page

SoundCloud

1 edits by aaronparecki.com

create

1 edits by tantek.com
  • Wed, July 2 tantek.com add Ferocity / tommorris create interface

Instagram

1 edits by tommorris.org
  • Thu, July 3 tommorris.org /* Criticism */ adding examples of censorship

IndieAuth

1 edits by cweiske.de
  • Wed, July 2 cweiske.de move provider status to indieauth.com page

licensing

1 edits by kylewm.com
  • Tue, July 1 kylewm.com /* Permissive */ added myself to BSD

Facebook

1 edits by kylewm.com
  • Mon, June 30 kylewm.com /* Criticism */ added social experiment affecting user mood/behavior

navigation

1 edits by tantek.com

archives

1 edits by tantek.com

archive

1 edits by tantek.com

git

1 edits by kylewm.com
  • Mon, June 30 kylewm.com /* Silos Running Open Source Software */ replace GitLab.org link with wiki link

GitLab

1 edits by kylewm.com

Main Page

1 edits by aaronparecki.com
  • Mon, June 30 aaronparecki.com /* IndieWebCamp */ use 2014 photo for main thumbnail, add more photos to past