Microformats Wiki - User contributions [en]

rel-license

2007-04-14T02:10:26Z

Mac Lover: /* List of Licenses */

= rel="license" =

Rel-License is a simple, open, format for indicating content licenses which is embedable in (X)HTML, Atom, RSS, and arbitrary XML. Rel-License is one of several [[microformats|microformat]] open standards.

__TOC__

== Specification 2005-02-06 ==
=== Author ===
[http://tantek.com/ Tantek Çelik], [http://technorati.com Technorati, Inc.] (formerly of [http://microsoft.com/ Microsoft Corporation])

=== Copyright ===
{{MicroFormatCopyrightStatement2004}}

=== Patents ===
{{MicroFormatPatentStatement}}

== Abstract ==

Rel-License is one of several MicroFormats. By adding <code>rel="license"</code> to a hyperlink, a page indicates that the destination of that hyperlink is license for the current page. E.g. with the following hyperlink:

<pre><nowiki>
<a href="http://creativecommons.org/licenses/by/2.0/" rel="license">cc by 2.0</a>
</nowiki></pre>

the author indicates that the page is licensed under a Creative Commons 2.0 Attribution Required license.

== Multiple Licenses ==
Multiple such rel="license" hyperlinks indicate that the page is available under any of the referred licenses. E.g. the following hyperlinks could be used to declare that a page is available under either a Creative Commons 2.0 Attribution Required license or the Apache 2.0 license:

<pre><nowiki><a href="http://creativecommons.org/licenses/by/2.0/" rel="license">cc by 2.0</a>
<a href="http://www.apache.org/licenses/LICENSE-2.0" rel="license">Apache 2.0</a></nowiki></pre>

== XMDP profile ==
<pre><nowiki>
<dl class="profile">
<dt id="rel">rel</dt>
<dd><p>
<a rel="help" href="http://www.w3.org/TR/html401/struct/links.html#adef-rel">
HTML4 definition of the 'rel' attribute.</a>
Here is an additional value.</p>
<dl>
<dt id="license">license</dt>
<dd>Indicates that the referred resource is a license for the referring page.</dd>
</dl>
</dd>
</dl>
</nowiki></pre>

== Implementations ==
* [http://www.webstandards.org/action/dwtf/microformats/ Dreamweaver Extension suite] from the [http://webstandards.org/ Web Standards Project] enables the authoring of rel-license links from within Dreamweaver 8. Includes (cc) defaults.
* [http://placenamehere.com/TXP/pnh_mf/ pnh_mf] is a plugin for [http://textpattern.com/ Textpattern] that supports embedding rel license and other microformats in templates and blog posts. Written by [http://placenamehere.com/ Chris Casciano].
* [http://creativecommons.org/license/ Creative Commons (cc) license chooser]
* [http://search.yahoo.com/cc Yahoo! (cc) search]
* [http://www.google.com/support/bin/answer.py?answer=29508 Google "Usage Rights" search]

== List of Licenses ==
[http://creativecommons.org CC]

== References ==
=== Normative References ===
* [http://gmpg.org/xmdp/ XMDP]

=== Informative References ===
* 20040211 rel="license" first proposed in presentation [http://tantek.com/presentations/2004etech/realworldsemanticspres.html real world semantics] at 2004 O'Reilly Emerging Technologies Conference, San Diego, CA, USA.
* 20040225 [http://tantek.com/log/2004/02.html#d25t1805 Thorough discussion of rel="license"] including advantages and presentation possibilities.
* [http://creativecommons.org/licenses/by/2.0/ Creative Commons 2.0 By (Attribution Required) license]
* [http://www.apache.org/licenses/LICENSE-2.0 Apache 2.0 license]
* Contributed from http://developers.technorati.com/wiki/RelLicense
* [http://microformatique.com/?p=60 Know your rel-license at Microformatique]

== see also ==
* [[rellicense-issues]] - issues which have been raised with this microformat.
* [[rel-faq]]

User:Mac Lover

2007-04-13T20:26:18Z

Mac Lover:

<p>Hello. As you know, my internet alias is Mac Lover. I am currently learning php and I can code xhtml, html, css,and wikimarkup.. I am the author of the microformats stylesheet. My personal site is found [http://alyosha.bendebury.net here], and my page on wikipedia is [http://en.wikipedia.org/wiki/User:Mac_Lover here]. I am new to the idea of microformats, but I understand their purpose and will try to give back to the community.</p>
<h2>Microformats Work</h2>
Microformats Stylesheet (download [http://alyosha.bendebury.net/microformat-css.zip here] (.zip))

User:Mac Lover

2007-04-13T20:25:58Z

Mac Lover:

<p>Hello. As you know, my internet alias is Mac Lover. I am currently learning php and I can code xhtml, html, css,and wikimarkup.. I am the author of the microformats stylesheet. My personal site is found [http://alyosha.bendebury.net|here], and my page on wikipedia is [http://en.wikipedia.org/wiki/User:Mac_Lover|here]. I am new to the idea of microformats, but I understand their purpose and will try to give back to the community.</p>
<h2>Microformats Work</h2>
Microformats Stylesheet (download [http://alyosha.bendebury.net/microformat-css.zip here] (.zip))

buttons

2007-04-13T20:25:51Z

Mac Lover:

<h1>Microformats Buttons</h1>

There have been requests for buttons for various microformats. Either badges, or buttons that do something with the specific microformats. This page keeps a list of buttons, and requests as well. - [http://tantek.com/log/ Tantek]

Added hosted buttons for all the microformats, including the draft ones, as well as instructions on how to make your own buttons. (14 May 2006) - [http://www.wackomenace.co.uk/ Ruben]

==Licensing==

If you add links to buttons you have designed, '''please also include a statement''' that you do one of the following:
*release them into the public domain
*hold copyright, but release all rights as to it use
*license them under a specified free license, e.g. consider using a [http://creativecommons.org/ Creative Commons] license, such as [http://creativecommons.org/licenses/by/3.0 cc-by-3.0].

Thank you.

* Images below hosted at boogdesign.com are available under [http://creativecommons.org/licenses/by/2.0/ CC Attribution 2.0 License], see [http://www.boogdesign.com/buttons.html my buttons page] for the Photoshop files if you need them. - Rob Crowther

* Images below hosted at rbach.priv.at are available under [http://creativecommons.org/licenses/by/3.0 cc-by-3.0 license]. - [[User:RobertBachmann|Robert Bachmann]]

* Images below hosted at synaesthetic.net are available under the [http://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 license]. -- [[User:Kwilson|Kenn Wilson]]

__TOC__

== Buttons ==

=== Microformat Button ===
I've made a button for microformats. Since there are so many microformats and with more to come, just indicating support/ use of might be a good generic approach. The image is free to use. Please copy it to your own hosting account and not link to it.

http://www.crowley.nl/images/microformats.png

I already have a "I use
http://www.crowley.nl/images/microformats.png" on my blog: http://doncrowley.blogspot.com/

- Don Crowley

* http://www.boogdesign.com/images/buttons/microformat.png
* http://www.boogdesign.com/images/buttons/microformat_enabled.png
* http://www.boogdesign.com/images/buttons/emf_green.png
* http://www.boogdesign.com/images/buttons/mfe_green.png
* http://www.boogdesign.com/images/buttons/mwmf_green.png
* http://www.boogdesign.com/images/buttons/smf_green.png
* http://www.boogdesign.com/images/buttons/emf_white.png
* http://www.boogdesign.com/images/buttons/mfe_white.png
* http://www.boogdesign.com/images/buttons/mwmf_white.png
* http://www.boogdesign.com/images/buttons/smf_white.png

=== [[hcalendar|hCalendar]] ===
* http://rbach.priv.at/2006/buttons/hcal.png
* http://www.boogdesign.com/images/buttons/microformat_hcalendar.png
* CSS-powered button from [http://www.midgard-project.org/community/events/ Midgard CMS - Event calendar]:

<span class="badge" style="float: left; font: 9px Geneva, Verdana, sans-serif; padding: 0 1em 1px 0; border: 1px solid #000; background: #D1940C; color: #fff; text-decoration: none; text-align: center;"><span style="background: #000; border-right: 1px solid #000; color: #fff; padding: 1px 0.75em; margin-right: 0.1em;">›››</span> hCalendar</span>

Code (white space added for readability):

<pre><nowiki>
<span class="badge"
style="float: left; font: 9px Geneva, Verdana, sans-serif; padding: 0 1em 1px 0;
border: 1px solid #000; background: #D1940C; color: #fff; text-decoration: none;
text-align: center;">
<span style="background: #000; border-right: 1px solid #000; color: #fff; padding: 1px 0.75em;
margin-right: 0.1em;">
&#8250;&#8250;&#8250;
</span>
hCalendar
</span>
</nowiki></pre>

=== [[hcard|hCard]] ===
* http://www.crowley.nl/images/hcard.png (mirror: http://www.davidjanes.com/images/mf_hcard.png)
* http://rbach.priv.at/2006/buttons/hcard.png
* http://www.boogdesign.com/images/buttons/microformat_hcard.png
* CSS-powered button, as evidenced at [http://re-run.com/about/microformat-badges microformat badges @ re-run]

=== [[rel-license]] ===
* http://rbach.priv.at/2006/buttons/license.png
* http://www.boogdesign.com/images/buttons/microformat_rellicense.png

=== [[rel-nofollow]] ===
* http://rbach.priv.at/2006/buttons/nofollow.png
* http://www.boogdesign.com/images/buttons/microformat_relnofollow.png

=== [[rel-tag]] ===
* http://rbach.priv.at/2006/buttons/rel-tag.png
* http://rbach.priv.at/2006/buttons/tag.png
* http://www.boogdesign.com/images/buttons/microformat_reltag.png

=== [[vote-links|VoteLinks]] ===
* http://rbach.priv.at/2006/buttons/votelinks.png
* http://www.boogdesign.com/images/buttons/microformat_votelinks.png

=== [http://gmpg.org/xfn/ XFN] ===
* http://rbach.priv.at/2006/buttons/xfn.png
* http://www.boogdesign.com/images/buttons/microformat_xfn.png

=== [http://gmpg.org/xmdp/ XMDP] ===
* http://rbach.priv.at/2006/buttons/xmdp.png
* http://www.boogdesign.com/images/buttons/microformat_xmdp.png

=== [[xoxo|XOXO]] ===
* http://rbach.priv.at/2006/buttons/xoxo.png
* http://www.boogdesign.com/images/buttons/microformat_xoxo.png

===CSS Styles for microformats===
I'm not sure wether this can be under buttons, but I don't know where else to put it. This is a stylesheet containing styles for most microformats. And, it's automatic. I release it under the cc by-sa. Please note that I am new to microformats, and if you can improve this, please do. [[User:Mac Lover|Mac Lover]] 13:25, 13 Apr 2007 (PDT)

[http://creativecommons.org/licenses/by-sa/3.0/us/ License]
[http://alyosha.bendebury.net/microformat-css.zip Zip]

== Buttons for draft formats ==

These may be subject to change if the names of the formats change when they are released.

=== [[adr]] ===
* http://rbach.priv.at/2006/buttons/adr.png

=== [[geo]] ===
* http://rbach.priv.at/2006/buttons/geo.png

=== [[hatom|hAtom]] ===
* http://rbach.priv.at/2006/buttons/hatom.png
* http://files.synaesthetic.net/common/images/buttons/hatom.png

=== [[hresume|hResume]] ===
* http://rbach.priv.at/2006/buttons/hresume.png
* http://www.boogdesign.com/images/buttons/microformat_hresume.png

=== [[hreview|hReview]] ===
* http://rbach.priv.at/2006/buttons/hreview.png

=== [[rel-directory]] ===
* http://rbach.priv.at/2006/buttons/directory.png

=== [[rel-enclosure]] ===
* http://rbach.priv.at/2006/buttons/enclosure.png

=== [[rel-home]] ===
* http://rbach.priv.at/2006/buttons/rel-home.png
* http://rbach.priv.at/2006/buttons/home.png

=== [[relpayment-research|rel-payment]] ===
* http://rbach.priv.at/2006/buttons/payment.png

=== [[robots-exclusion|Robots Exclusion]] ===
* http://rbach.priv.at/2006/buttons/robots.png

=== [[xfolk|xFolk]] ===
* http://rbach.priv.at/2006/buttons/xfolk.png

== Make your own buttons ==
=== Style 1 ===

Example: http://www.crowley.nl/images/hcard.png

Use the [http://kalsey.com/tools/buttonmaker/ Kalsey Button Maker] with the following settings:
* Outer border: #666666
* Inner border: #ffffff
* Bar position: 25 pixels from the left
* Left box text: >>>
* Left box background: #000000
* Left box text colour: #ffffff
* Left box text start: 7 pixels from the left
* Right box text: (The name of the microformat goes here)
* Right box background: #31757b
* Right box text colour: #ffffff
* Right box text start: 3 pixels from the bar

=== Style 2 ===

Example: http://rbach.priv.at/2006/buttons/hcal.png

# Get the font [http://www.kottke.org/plus/type/silkscreen/ Silkscreen]
# Install [http://www.imagemagick.org/ ImageMagick]
# Get the blank icon (http://rbach.priv.at/2006/buttons/blank.png)
# Type:
<pre>convert blank.png
-fill white
-font Silkscreen
-pointsize 8
+antialias
-draw "text 28,10 'button label'"
output.png
</pre>

=== Style 3 ===

Example: http://files.synaesthetic.net/common/images/buttons/hatom.png

# Get the font [http://www.kottke.org/plus/type/silkscreen/ Silkscreen]
# Install [http://www.imagemagick.org/ ImageMagick]
# Get the blank icon (http://files.synaesthetic.net/public/microformats/button2-blank.png)
# Type:
<pre>convert button2-blank.png
-fill white
-font Silkscreen
-pointsize 8
+antialias
-draw "text 20,10 'button label'"
output.png
</pre>

= Microformats Logos =
Rohit is a very poor CSS hacker, but gave it his best shot. He also [http://labs.commerce.net/~rohit/µf-logo.html rendered it at 72 and 18 points.]

http://microformats.org/img/logo.gif

<div style="position: relative; top:-46px; left:180px">
<div style="background-color:#679A06; width:30px; height: 30px; left:1px; top:10px; position:absolute; -moz-border-radius:5pt;"></div>

<div style="background-color:#85BC07; width:22px; height: 22px; left:11.5px; top:6px; position:absolute; border-left: 2px solid white;border-bottom: 2px solid white; -moz-border-radius:4pt;"></div>

<div style="background-color:#AEE219; width:14px; height: 14px; left:22.5px; top:4px; position:absolute; border-left: 2px solid white;border-bottom: 2px solid white;-moz-border-radius:2pt;"></div>

<div style="font-family:Arial Narrow,Arial,sans-serif;font-size:17.5pt;letter-spacing:0px;color:#676767; position: absolute; left:44px; top: -6px">
<span style="padding-left:9;color:#111111;vertical-align:40%">micro</span><span style="vertical-align:40%;padding-left:1pt">formats</span>
</div>
</div>

The following logo as a transparent PNG (linked here from my own server; if you use it, please copy it for yourself):

http://files.synaesthetic.net/public/microformats/microformats1.png

==Palette==

<div style="background-color:#AEE219; width:8em; height: 4ex;">#AEE219</div>

<div style="background-color:#85BC07; width:8em; height: 4ex;">#85BC07</div>

<div style="background-color:#679A06; width:8em; height: 4ex;">#679A06</div>

=Wiki buttons=
For use on this wiki.
*{{NewMarker}} - <nowiki>{{NewMarker}}</nowiki>
*{{SuccessMarker}} - <nowiki>{{SuccessMarker}}</nowiki>
*{{UpdateMarker}} - <nowiki>{{UpdateMarker}}</nowiki>

= Requests =

* Logos for all microformats

* When someone has time, these should be repeated on the page for each respective format.