Microformats Wiki - User contributions [en]

rel-me

2013-04-27T11:23:38Z

Oyle yolie: www.prontube.com/only18++/hot.

<entry-title>rel="me"</entry-title>
;short URL
:http://tr.im/rel_me

[[XFN]] 1.1 introduced the "me" [[rel]] value which is used to indicate profile equivalence and for [[identity-consolidation]].

<code>rel="me"</code> is used on hyperlinks from one page about a person to other pages about that same person.

For example, [[User:Tantek|Tantek]]'s [http://tantek.com/ home page] has (markup simplified)

<source lang=html4strict><a href="http://twitter.com/t" rel="me">@t</a></source>

And his Twitter profile itself has (markup simplified)

<source lang=html4strict><a href="http://tantek.com/" rel="me">http://tantek.com/</a></source>

Thus establishing a bi-directional rel-me link and confirming that the two URLs represent the same person.

Publishers can use the [http://gmpg.org/xfn/creator XFN creator] form to create rel-me hyperlinks.

== screencast and videos ==
Watch some short videos:
* [http://www.sixapart.com/static_news/opening_social_graph/xfn_links/xfn_links.html David Recordon's excellent *30 second* explanation of XFN rel="me"].
* [http://www.prontube.com/watch?v=LabCylbapuM Brad Fitzpatrick explains rel="me" and more XFN].
* [http://www.podtech.net/scobleshow/technology/1611/plaxo-to-ship-online-identity-aggregator-based-on-microformats Joseph Smarr's whiteboard explanation] of rel="me" as implemented in the Plaxo online identity aggregator.
Longer:
* [http://video.google.com/videoplay?docid=-8663100900373306094 Gavin Bell on "What is your provenance?"] (40 minutes) - provides a much broader discussion of the problem statement of who is a person on the Web, and starting at about 0:07:30 explains how [[hCard]] + rel="me" helps solve this problem.

== tutorials ==
[http://ungeekdapo.wordpress.com/2008/04/29/a-simple-data-portability-project-or-is-it/ A simple data portability project or is it] rel=me summary by Bob Ngu

== implementations ==
[[wordpress-plugins|WordPress plugins]]:
* [http://blog.maybe5.com/?page_id=94 Social Links Wordpress plugin] - supports rel-me links to other services
* [http://code.l0g.in/about-me/ About Me plugin] (on github) - supports creation of an About Me page with rel-me links to other profiles.

== rel-me-auth ==
[[RelMeAuth]] is a proposed open standard for using [[rel-me]] links to profiles on [[OAuth]] supporting services to authenticate via either those profiles or your own site.

Read more about [[RelMeAuth]].

== see also ==
* [[hcard-xfn-supporting-friends-lists#Services_with_XFN_rel.3D.22me.22_to_multiple_external_sites|services that support rel="me"]]
* [[rel-me-faq]]
* [[xfn]]
* [[rel]]
* [[social network portability]]
* [http://gmpg.org/xfn/11 XFN 1.1 profile]

web-sign-in

2013-04-27T11:17:21Z

Oyle yolie: cerita dewasa 18++++

<entry-title>Web sign-in</entry-title>

Use the (Web sign-in) button on a site to sign-in with your personal web address.

When you click a (Web sign-in) button, the site will ask you for your web address, e.g.:

<blockquote style="border:1px solid gray; float:left; clear; left; padding:1em">
Web address: [........................] (Sign-in)
</blockquote>
<div style="clear:both">or:</div>

<blockquote style="border:1px solid gray; float:left; clear; left; padding:1em">
Web address: <br/>
[........................] <br/>
(Sign-in)
</blockquote>
<div style="clear:both"> </div>

Enter your personal web address and press return / click (Sign-in).

== set up ==

Your personal site must be set up for web sign-in.

# Link from your personal site to your other profiles. Add <code>rel="me"</code> to those hyperlinks. E.g.: <blockquote style="white-space:nowrap"><code><a <strong>rel="me"</strong> <nowiki>href="http://twitter.com/your_twitter_alias">...</nowiki></code></blockquote>
# Edit your other profiles, e.g. your [https://twitter.com/settings/profile Twitter profile settings], and set the "Web" ("homepage", "Website/Blog") field to your personal site. E.g. <blockquote style="white-space:nowrap">Web <span style="border:1px solid silver; padding:5px; margin-left:1em"><nowiki>http://yoursite.example.com/</nowiki></span></blockquote>
# When you use your personal site with web sign-in the first time, your browser will redirect you to to your online profile, e.g. Twitter, and ask you to:
#* Sign-in with your account on that profile (e.g. sign in to Twitter) if you're not already signed-in.
#* Authorize the site to use your account, e.g. your Twitter account: <blockquote><p>Authorize Site to use your account?</p><p>This application will be able to:</p><ul><li>Read Tweets from your timeline.</li><li>See who you follow.</li></ul><p>( Sign In )</p></blockquote> Click the <b>( Sign In )</b> button and you should be all set.

== [Headline text][[Media:<math>Example.ogg</math><nowiki>
----
Insert non-formatted text here''[[Italic text]]''</nowiki>]] ==

== developers ==
See the [[RelMeAuth]] page for documentation on how to support Web sign-in on your site.

=== example implementations ===
* [http://tantek.com/relmeauth/ RelMeAuth prototype] demonstrates Web sign-in for both read-only/read-write permissions, and provides a simple interface for Tweeting when read-write permissions are provided.
* [http://indieauth.com IndieAuth] not only uses Web sign-in but also provides a RESTful Web sign-in authentication service!
** IndieWebCamp: Try out IndieAuth by signing-in to [http://IndieWebCamp.com IndieWebCamp.com].

== why ==
See [http://indiewebcamp.com/Why_web_sign-in Why web sign-in] on the IndieWebCamp site.

web-sign-in

2013-04-27T11:16:26Z

Oyle yolie: /* developers */

<entry-title>Web sign-in</entry-title>

Use the (Web sign-in) button on a site to sign-in with your personal web address.

When you click a (Web sign-in) button, the site will ask you for your web address, e.g.:

<blockquote style="border:1px solid gray; float:left; clear; left; padding:1em">
Web address: [........................] (Sign-in)
</blockquote>
<div style="clear:both">or:</div>

<blockquote style="border:1px solid gray; float:left; clear; left; padding:1em">
Web address: <br/>
[........................] <br/>
(Sign-in)
</blockquote>
<div style="clear:both"> </div>

Enter your personal web address and press return / click (Sign-in).

== set up ==

Your personal site must be set up for web sign-in.

# Link from your personal site to your other profiles. Add <code>rel="me"</code> to those hyperlinks. E.g.: <blockquote style="white-space:nowrap"><code><a <strong>rel="me"</strong> <nowiki>href="http://twitter.com/your_twitter_alias">...</nowiki></code></blockquote>
# Edit your other profiles, e.g. your [https://twitter.com/settings/profile Twitter profile settings], and set the "Web" ("homepage", "Website/Blog") field to your personal site. E.g. <blockquote style="white-space:nowrap">Web <span style="border:1px solid silver; padding:5px; margin-left:1em"><nowiki>http://yoursite.example.com/</nowiki></span></blockquote>
# When you use your personal site with web sign-in the first time, your browser will redirect you to to your online profile, e.g. Twitter, and ask you to:
#* Sign-in with your account on that profile (e.g. sign in to Twitter) if you're not already signed-in.
#* Authorize the site to use your account, e.g. your Twitter account: <blockquote><p>Authorize Site to use your account?</p><p>This application will be able to:</p><ul><li>Read Tweets from your timeline.</li><li>See who you follow.</li></ul><p>( Sign In )</p></blockquote> Click the <b>( Sign In )</b> button and you should be all set.

== [Headline text][[Media:<math>Example.ogg</math><nowiki>
----
Insert non-formatted text here''[[Italic text]]''</nowiki>]] ==
== developers ==
See the [[RelMeAuth]] page for documentation on how to support Web sign-in on your site.

=== example implementations ===
* [http://tantek.com/relmeauth/ RelMeAuth prototype] demonstrates Web sign-in for both read-only/read-write permissions, and provides a simple interface for Tweeting when read-write permissions are provided.
* [http://indieauth.com IndieAuth] not only uses Web sign-in but also provides a RESTful Web sign-in authentication service!
** IndieWebCamp: Try out IndieAuth by signing-in to [http://IndieWebCamp.com IndieWebCamp.com].

== why ==
See [http://indiewebcamp.com/Why_web_sign-in Why web sign-in] on the IndieWebCamp site.