[microformats-discuss] Some kind "CSS Zen Garden" for microformats

[Robert Bachmann]

Ryan King wrote:
> On Oct 18, 2005, at 9:19 AM, Robert Bachmann wrote:
[...]
>> 2. A sample page containing "practical" examples of current   
>> microformats.
> 
> 
> Yup.

Here's the (unfinished) outline for the sample page:

<h1>Microformats</h1>
<h2>Zen MicroGarden</h2>

<p>Short description of microformats and their benefits (for web
designers)</p>
<ul class="xoxo"> <!-- XOXO example -->
    <li>benefit #1<li>
    <li>benefit #2
        <ul class="xoxo">
            <li>ad benift #2<li>
            <li>ad benift #2<li>
            <li>ad benift #2<li>
            <li>[...]<li>
        </ul>
    <li>benefit #3</li>
    <li>[...]</li>
</ul>

<h3>Next event(s)<h3>
<!-- Examples of hCalendar -->
<ul class="xoxo">
    <li class="vevent">[...]</li>
    <li class="vevent">[...]</li>
    <li class="vevent">[...]</li>
<ul>

<h3>Zen MicroGardeners</h3>
<p>These are the people behind the Zen MicroGarden<p>
<address>
<ol class="xoxo"><!-- hCard examples; in alphabetical order -->
<li class="vcard">...</li>
<li class="vcard">Jacks's hcard goes here</li>
<li class="vcard">my hcard goes here</li>
</ol>
</address>

<h3>Reusing the examples</h3>
<!-- Example of relLicense; I would suggest to use CC Attribution 2.0 -->
<p>This document is licensed under a <a href="..." rel="license">...
license</a><p>

<h3>Discussion about the MicroGarden</h3>
<p>Feel free to respond on the <a
href="http://microformats.org/">microformats.org blog</a>. You can also
join the conversation by using one of the tags below:<p>
<!-- Tag list goes here (microformats, zen+microgarden); example of
relTag -->

<!--
Missing microformats
- RelNoFollow
- VoteLinks
- XFN
-->

What do you think?

Thanks,
 Robert
-- 
Robert Bachmann <rbach at rbach.priv.at> (OpenPGP KeyID: 0x4A5CCF10)