xfolk-scuttle

From Microformats Wiki
Jump to navigation Jump to search

Scuttle

An issue with scuttle's xhtml presentation is that it specifies a collection of bookmarks with the implicit idea that bookmarks are separated each time a new URL is specfied in a <dt> element. Further, things like tags are specified as a collection in a sublist. This approach is fine if one expects that the information will always be presented in a definition list. Such will not be the general case for those not already using scuttle.

<div id="bookmarks">
  <h2>Your Bookmarks</h2>
  <dl>
    <dt>
      <a href="http://www.sifry.com/alerts/archives/000306.html">
        Sifry&#039;s Alerts: Technorati launches Related Tags
      </a>
    </dt>
    <dd class="description">
      Ever wanted to see what posts are related to other posts, what 
      tags are related to others? Now you can! Just check under the 
      Tag description on most tag pages, like this one, or this one, 
      and you&#039;ll see the patterns. Can you smell the emergence?
    </dd>
    <dd class="tags">
      2005-04-09 to 
      <a href="http://www.niallkennedy.com/scuttle/bookmarks.php/budgibson/folksonomy">
        folksonomy
      </a>, 
      <a href="http://www.niallkennedy.com/scuttle/bookmarks.php/budgibson/technorati">
        technorati
      </a>
    </dd>
  </dl>
</div>

To get this into xFolk 0.5, the easiest way is to have each xFolk entry in its own <dl> element of class xfolkentry so that individual xFolk entries can be demarcated. We will also have to add class attributes in cases where there are none. Changed and added components are marked with comments at the end of the line.

<div id="bookmarks">
  <h2>Your Bookmarks</h2>
  <dl class="xfolkentry"> <!-- changed -->
    <dt>
      <a class="taggedlink" <!-- changed -->
      href="http://www.sifry.com/alerts/archives/000306.html">
        Sifry&#039;s Alerts: Technorati launches Related Tags
      </a>
    </dt>
    <dd class="description"> <!-- not changed because works with xFolk -->
      Ever wanted to see what posts are related to other posts, what 
      tags are related to others? Now you can! Just check under the 
      Tag description on most tag pages, like this one, or this one, 
      and you&#039;ll see the patterns. Can you smell the emergence?
    </dd>
    <dd class="tags">
      2005-04-09 to 
      <a rel="tag" 
       href="http://www.niallkennedy.com/scuttle/bookmarks.php/budgibson/folksonomy"> <!-- changed -->
        folksonomy
      </a>, 
      <a rel="tag" 
       href="http://www.niallkennedy.com/scuttle/bookmarks.php/budgibson/technorati"> <!-- changed -->
        technorati
      </a>
    </dd>
  </dl>
</div>