IndieWebCamp June 26 through July 3, 2015

This is an automatically-generated summary of the IndieWebCamp wiki edits from June 26 through July 3, 2015

Table of Contents

New Pages

Changed Pages

New Pages

Firefox Share

Created by Tantek.com on June 26

  • Fri, June 26 tantek.com move Share to its own page
  • Fri, June 26 tantek.com indieweb examples
  • Fri, June 26 tantek.com why, how to with demo social provider
  • Fri, June 26 tantek.com Brainstorming / Micropub share provider
  • Fri, June 26 tantek.com /* Micropub share provider */ your site provides the post UI
  • Fri, June 26 tantek.com expand brainstorming of how a micropub based social share provider could work
  • Fri, June 26 tantek.com /* Micropub share provider */ add steps for the micropub proxy
  • Fri, June 26 tantek.com /* Brainstorming */ Micropub Next Steps
  • Fri, June 26 tantek.com link Activations Directory to the live directory



Firefox Share is a new toolbar button (Firefox 23 and later) to share the current page to a share provider of the user’s choice.

The "Share" toolbar button in is represented as a paper airplane icon.

https://developer.mozilla.org/en-US/docs/Mozilla/Projects/Social_API/Guide/Share

Clicking the button gives you an option of sharing the current page to whatever share providers you have installed. If you don't have any installed, it has a link to the Activations Directory where you can install share providers for various services, including:

  • Known - a share service that lets you use any Known installation, on withknown.com, or your own server.

Contents

Why

By setting up a Firefox share social provider for your site, you can then post a page directly from the Firefox toolbar to your site.

How to

See the Demo Social Provider and try it out.

Open source:

Documentation:

IndieWeb Examples

Ben Werdmuller

Ben Werdmülller uses the Known share provider to share from Firefox to his site werd.io.

Brainstorming

Micropub share provider

It would be great to have a Firefox share provider in the Activations Directory that works with any micropub supporting IndieWeb site. It could work something like this:

From your own site:

  • User navigates to the "Install Micropub Share Provider Page" on their own website
  • User clicks the "Activate Micropub Share Provider" button
  • Page posts a "ActivateSocialFeature" event with the JSON data of the share manifest
  • Firefox provides a dropdown asking the user if they want to activate it "Would you like to enable services from ..." with a button (Enable Services)
  • User clicks (Enable Services) - Firefox installs that share manifest

That's it. Now clicking the share (airplane) icon will drop down a UI rendered by your website from the "shareURL" property in the share manifest with the following %{url}, %{text}, etc. properties as documented in https://developer.mozilla.org/en-US/docs/Mozilla/Projects/Social_API/Share#Share_URL_Template

  • url, medium, source, sitename, title, description, text, image

Equivalent to microformats properties:

  • u-url, ??? type on a href, og:type ???, u-video | u-audio, ???, p-name, p-summary | p-description, p-content, u-photo

Once activated from the toolbar:

  • The shareURL that the user's site renders provides a sign-in UI (assuming they're not already signed-in)
    • The user signs-in with IndieAuth as they would on their own homepage
  • The shareURL provides a UI for posting the information from the page to the user's website, using GET query params for the information from the site as documented above as the shareURL.



OR - from the Mozilla Activations Directory

  • User installs "Micropub" share provider from Activations Directory
  • Choosing the "Micropub" share provider drops down a UI page from a micropub sign-in proxy (maybe at indiewebcamp.com) with a URL field for the user to enter their own site
  • The micropub share provider does micropub discovery on the user's site
  • Then same steps above as "Once activated from the toolbar"



Micropub Next Steps

  1. Get one indieweb site working with its own activation UI/page
  2. Get a second indieweb site working with its own activation UI/page
  3. Figure out how to build a micropub proxy activation UI/page that can forward onto either of those first two indieweb sites, by them just entering their site URL, and following micropub/indieauth sign-in
  4. Have the micropub proxy remember (with a cookie) what was the user's personal site URL, and either present a simple sign-in button where it uses the site they used before, or a text field to enter another site.
  5. Get that micropub proxy activation UI/page included in the Firefox Activations Directory

After that any Firefox user should be able to install that micropub proxy activation provider, enter the micropub-supporting indieweb site URL, and use Firefox Share to post to their own website via micropub.

Activations Directory

Sample templates from the Activations Directory:

Social API

Firefox exposes a Social API, allowing sites to easily integrate their UIs into the browser’s native UI

See Also

custom post style

Created by Kartikprabhu.com on June 30

  • Tue, June 30 kartikprabhu.com prompted by tantek https://indiewebcamp.com/irc/2015-06-29/line/1435625372152
  • Tue, June 30 tantek.com see also, why
  • Tue, June 30 tantek.com more subheads, add brainstorming with h-entry e-x-style scoped style element idea
  • Tue, June 30 tantek.com /* Tantek */ /code
  • Tue, June 30 aaronparecki.com /* Indieweb Examples */
  • Wed, July 1 tantek.com /* Tantek */ no enclosing div for a custom style, it only applies to its immediate parent
  • Wed, July 1 tantek.com see also custom post script
  • Fri, July 3 tantek.com brainstorm use style scoped for custom post style when post displayed in-stream, cite references

Custom post style is the practice of styling individual posts differently from the rest of the site styles.

Contents

Why

There are at least a few reasons why you may want to support custom post styles.

  • special styling for a holiday
  • testing / showing / teaching new styles
  • post with a complicated table that needs custom styling
  • ...

How to

No general recommended technique yet. Check examples and brainstorming and try similar approaches.

Indieweb Examples

Kartik Prabhu

Kartik Prabhu using Bundle has custom post styles for certain articles which are stored as CSS files with the same filename as the slug of the artilce.

  • Oldest example from (2006-08-23): [1] imported from original Blogger post [2].
  • ... add more examples here ...

Aaron Parecki

Aaron Parecki using p3k has posted custom styles for certain articles, by adding an inline <style> tag to the contents of the article.

Silo Examples

Blogger

Blogger allows inserting <style> elements directly into the HTML of a post, which can be used as a hack for custom post styles. E.g. [3]

  • ...add more examples here...

Brainstorming

Tantek

Tantek Çelik I've been coming up with enough reasons to do custom post styling (e.g. [4]) that I feel I need to solve this soon. Some ideas:

  • use <style scoped class="e-x-style"> ... </style> directly inside an h-entry in storage
  • retrieve that like any h-entry property and display only on permalink for that post, again directly inside the h-entry, so it applies to it.
  • extra: use style scoped to show custom post style on post in-stream (e.g. on homepage)
    • Note: As of 2015-07-03 only Firefox desktop/Android/OS supports style scoped - but maybe that's ok and will provide a good real world use-case for other browsers to add support.



See Also

sv

Created by Loqi.me on July 1




sv is used to control and manage services for http://smarden.org/runit

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

custom post script

Created by Kartikprabhu.com on July 1

  • Wed, July 1 kartikprabhu.com prompted by KartikPrabhu https://indiewebcamp.com/irc/2015-06-30/line/1435707887316
  • Wed, July 1 tantek.com see also custom post style

Custom post script is the practice of adding interactivity to individual posts differently from the rest of the site interactivity using custom scripts.

Contents

Why

There are at least a few reasons why you may want to support custom post scripts.

  • special scripts for UI elements particular to a post.
  • special polyfill scripts to render content on a post. e.g. rendering math written in Latex to MathML or HTML+CSS.
  • ...

How to

No general recommended technique yet. Check examples and try similar approaches.

Indieweb Examples

Kartik Prabhu

Kartik Prabhu using Bundle has custom post scripts for certain articles which are stored as javascript files with the same filename as the slug of the article.

  • Oldest example from (2013-01-06): [1] imported from original Blogger post [2].
  • Example of math rendering using MathJax is [3]
  • ... add more examples here ...

Silo Examples

Blogger

Blogger allows inserting <script> elements directly into the HTML of a post, which can be used as a hack for custom post scripts. E.g. [4]

  • ...add more examples here...

See Also

my favorite database

Created by Loqi.me on July 2

  • Thu, July 2 loqi.me prompted by aaronpk https://indiewebcamp.com/irc/2015-07-02/line/1435874243055 and dfn added by aaronpk



my favorite database is the network http://lucumr.pocoo.org/2013/11/17/my-favorite-database/

mpTweet

Created by Loqi.me on June 28

  • Sun, June 28 loqi.me prompted by ben_thatmustbeme https://indiewebcamp.com/irc/2015-06-28/line/1435520987025 and dfn added by ben_thatmustbeme



mpTweet is a micropub to twitter software being developed by Ben Roberts to demostrate micropub chaining

Changed Pages

events/2015-07-01-homebrew-website-club

10 edits by tantek.com, aaronparecki.com, jeena.net, bret.io

2014-review

8 edits by tantek.com
  • Sun, June 28 tantek.com /* Homebrew Website Club */ some more details, note Paris
  • Thu, July 2 tantek.com /* Technologies */ webactions indie-config, note invention and interop implementation *during* IWC Brighton 2014
  • Thu, July 2 tantek.com /* Community Resources */ scope
  • Thu, July 2 tantek.com /* Community Resources */ generations, communication
  • Thu, July 2 tantek.com /* Technologies */ fragmention!
  • Thu, July 2 tantek.com /* Community Resources */ disclosure
  • Thu, July 2 tantek.com /* Community Resources */ facepile
  • Thu, July 2 tantek.com /* Community Resources */ archive, this-week-in-the-indieweb, follow, collection, exercise, quotation

2015/Guest List

6 edits by notenoughneon.com, tantek.com, kylewm.com, jeena.net, chreekat.net
  • Sun, June 28 notenoughneon.com /* Participating */
  • Sun, June 28 tantek.com link for register for a ticket text for more direct / discoverable call to action, update counts
  • Tue, June 30 kylewm.com move myself to Remote
  • Wed, July 1 jeena.net /* Participating */ Jeena
  • Wed, July 1 jeena.net /* Participating */ updatet spots remaining
  • Wed, July 1 chreekat.net /* Participating */ added myself!

Firefox

6 edits by tantek.com

reposts

5 edits by tantek.com
  • Sun, June 28 tantek.com more specific redirect. start the transition of this page to be more like the separate [[likes]] page
  • Sun, June 28 tantek.com write separate page, similar to [[likes]]
  • Sun, June 28 tantek.com see also singular
  • Sun, June 28 tantek.com silo examples, FB, Twitter stub
  • Sun, June 28 tantek.com Indieweb examples

repost

4 edits by tantek.com
  • Sun, June 28 tantek.com - heading prompt, obv from context
  • Sun, June 28 tantek.com How to Display - link to existing display thinking, and past repost display whiteboarding. Also not really a stub anymore.
  • Sun, June 28 tantek.com /* Display */ capture question about repost of a repost display - intermediate author etc.
  • Sun, June 28 tantek.com move reposts to its own page, provide summary and forward links

Twitter

3 edits by tantek.com
  • Sun, June 28 tantek.com update Why permashortcitation a bit
  • Sun, June 28 tantek.com /* POSSE Reposts of Tweets */ If you repost a retweet
  • Sun, June 28 tantek.com /* POSSE Reposts of Tweets */ add kylewm example repost of a retweet

Facebook

3 edits by kartikprabhu.com, tantek.com
  • Sun, June 28 kartikprabhu.com /* Real Name demands */ add medium article
  • Sun, June 28 tantek.com /* Real Name demands */ stronger more specific text, include article title in citation (impactful), date a couple of items
  • Sun, June 28 kartikprabhu.com /* Real Name demands */ update some text

User:Dym.cx

2 edits by dym.cx

Jekyll

2 edits by tristanthomas.me, kodfabrik.se

likes

2 edits by tantek.com

User:Davidpea.ch

2 edits by davidpea.ch

Falcon

2 edits by tantek.com
  • Tue, June 30 tantek.com capture Sample Post Creation Flow per csarven's question
  • Tue, June 30 tantek.com /* Sample Post Creation Flow */ edit locally

Google

2 edits by tantek.com
  • Wed, July 1 tantek.com note shutdown dates of Social Graph API with citation, Google Reader
  • Wed, July 1 tantek.com /* Dead Services */ fix date of reader shutdwon

site-deaths

2 edits by tantek.com
  • Wed, July 1 tantek.com /* 2013 */ Google Reader - how did we miss this here? with citations and precise date
  • Wed, July 1 tantek.com /* Google Reader */ linky

scope

1 edits by tantek.com

IndieWebCampParis

1 edits by tantek.com

User:David.shanske.com

1 edits by david.shanske.com

Trovebox

1 edits by tantek.com

Firefox OS

1 edits by tantek.com

fragmention

1 edits by kevinmarks.com

Template:Homebrew Website Club

1 edits by tantek.com
  • Sun, June 28 tantek.com add 10-05 Paris "IndieWebCamp" because it was more like a 2hr HWC meetup

Webmention

1 edits by tantek.com
  • Wed, July 1 tantek.com /* de-duplication */ IndieWeb Examples!

comments-presentation

1 edits by kevinmarks.com
  • Mon, June 29 kevinmarks.com Add Comment Hiding with shutup.css

Bundle

1 edits by kartikprabhu.com
  • Tue, June 30 kartikprabhu.com /* Post Types */ add custom styling info

projects

1 edits by tristanthomas.me

hovercard

1 edits by tantek.com
  • Tue, June 30 tantek.com stub, dfn, stub why how indieweb examples, silo examples facebook & twitter, see also

Events

1 edits by tantek.com
  • Mon, June 29 tantek.com move recent event to past, add 2016 prose about adding more events to help with planning, add 2016 OSCON, Moz work week, OSBridge dates and locations

events/2015-07-29-homebrew-website-club

1 edits by aaronparecki.com

PubSubHubbub

1 edits by ouvre-boite.com
  • Thu, July 2 ouvre-boite.com Added details about the change of hub.

phubb

1 edits by cweiske.de

events/2015-07-15-homebrew-website-club

1 edits by aaronparecki.com

community

1 edits by tantek.com