[uf-discuss] Plazes & Microformats

[Pieter Walsweer]

Hi All,

We at Plazes are currently doing a redesign of our page and would like 
to use microformats in various situations.

We already discussed some of our basic code structure with Ryan but we'd 
like to get your opinions, too.

So here is a small code snippet showing an example usage of a hCard used 
for a plaze description.

There's also a second little hCard included describing the discoverer of 
the plaze and linking to his profile page (where a full hCard will be 
used to describe his profile). Is it possible, to include one hCard in 
another one?

If you have any suggestions, please tell us!


<div class="vcard">
     <a class="fn org" 
href="http://beta.plazes.com/plaze/cd21e1717f61ba9cf9df9006038da172/">
     Clara's Coffeeshop</a>

     <div class="adr">
         street: <span class="street-address">Sch&ouml;nhauser Allee 
36</span><br/>
         city: <span class="locality">Berlin</span><br/>
         state: <span class="region">Berlin</span><br/>
         zip: <span class="postal-code">10425</span><br/>
         country: <span class="country-name">Germany</span>
         kind of plaze: <abbr class="type" title="work">restaurant</abbr>
     </div>

     lat/lon:
     <span class="geo">
         <abbr class="latitude" title="52.537541">52.53</abbr>,
         <abbr class="longitude" title="13.412509">13.41</abbr>
     </span><br/>

     url: <a class="url" 
href="http://clarascoffee.com/">http://clarascoffee.com/</a><br/>

     local time: <abbr class="tz" title="+01:00; CET">13:24:12</abbr><br/>

     description:
     <div class="note">
         This place is a free public WiFi in a restaurant and was 
discovered by
         <a class="vcard" href="/profile/fiahless/"><span class="fn 
nickname">fiahless</span></a>.
     </div>

     tags:
     <div>
         <a rel="tag" href="/tags/plazes">plazes</a>,
         <a rel="tag" href="/tags/berlin">berlin</a>,
         <a rel="tag" href="/tags/germany">germany</a>,
         <a rel="tag" 
href="/tags/geo:long=13.412426179325">geo:long=13.412426179325</a>,
         <a rel="tag" 
href="/tags/geo:lat=52.537995812247">geo:lat=52.537995812247</a>,
         <a rel="tag" href="/tags/geotagged">geotagged</a>
     </div>

     photo:	<img class="photo" src="/photos/clarascoffee.jpg" />

     <!-- for internal use -->
     uid: <span class="uid">cd21e1717f61ba9cf9df9006038da172</span>
</div>



-- 
plazes.com
Pieter Walsweer
mobile +49 179 4533341
http://beta.plazes.com/whereis/neXter