<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/css" href="/stylesheets/rss.css"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/">
  <channel>
    <title>Global Reset: Typo @rev 586</title>
    <link>http://blog.globalreset.org/articles/2005/08/29/typo-rev-586</link>
    <language>en-us</language>
    <ttl>40</ttl>
    <description>A Mac OS X Switcher, TiVo Addict, and Objectivist</description>
    <item>
      <title>Typo @rev 586</title>
      <description>&lt;p&gt;I updated Typo to the latest svn (rev 586) yesterday and got a sample of the new Filters API.  Looks very slick.  For example, here&amp;#8217;s a filter which formats Ruby code with syntax highlighting:&lt;/p&gt;

&lt;div class="typocode"&gt;&lt;pre&gt;&lt;code class="typocode_ruby "&gt;&lt;span class="keyword"&gt;class &lt;/span&gt;&lt;span class="class"&gt;Foo&lt;/span&gt;
  &lt;span class="keyword"&gt;def &lt;/span&gt;&lt;span class="method"&gt;bar&lt;/span&gt;
    &lt;span class="punct"&gt;&amp;quot;&lt;/span&gt;&lt;span class="string"&gt;abcde&lt;/span&gt;&lt;span class="punct"&gt;&amp;quot;&lt;/span&gt;
  &lt;span class="keyword"&gt;end&lt;/span&gt;
&lt;span class="keyword"&gt;end&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;

&lt;p&gt;The syntax for declaring that looks like this:&lt;/p&gt;

&lt;div class="typocode"&gt;&lt;pre&gt;&lt;code class="typocode_xml "&gt;&lt;span class="punct"&gt;&amp;lt;&lt;/span&gt;&lt;span class="namespace"&gt;typo&lt;/span&gt;&lt;span class="punct"&gt;:&lt;/span&gt;&lt;span class="tag"&gt;code&lt;/span&gt; &lt;span class="attribute"&gt;lang&lt;/span&gt;&lt;span class="punct"&gt;=&amp;quot;&lt;/span&gt;&lt;span class="string"&gt;ruby&lt;/span&gt;&lt;span class="punct"&gt;&amp;quot;&amp;gt;&lt;/span&gt;
class Foo
  def bar
    &amp;quot;abcde&amp;quot;
  end
end
&lt;span class="punct"&gt;&amp;lt;&lt;/span&gt;&lt;span class="namespace"&gt;typo&lt;/span&gt;&lt;span class="punct"&gt;:&lt;/span&gt;&lt;span class="tag"&gt;code&lt;/span&gt;&lt;span class="punct"&gt;&amp;gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;

&lt;p&gt;&lt;div style="border: 1px solid #8ab3d1;       padding: 5px; margin: 5px; float: right;" class="flickrplugin"&gt;&lt;a href="http://www.flickr.com/photos/globalreset/38104907"&gt;&lt;img src="http://farm1.static.flickr.com/26/38104907_f30cddabc3_m.jpg" width="240" height="162" alt="Whistler Ski Trip" title="Whistler Ski Trip"/&gt;&lt;/a&gt;&lt;p class="caption" style="width:240px"&gt;Pics from our whistler ski trip, Dec 2002/Jan 2003.&lt;/p&gt;&lt;/div&gt;&lt;/p&gt;

&lt;p&gt;And it&amp;#8217;s very easy to drop in a reference to a flickr image:&lt;/p&gt;

&lt;div class="typocode"&gt;&lt;pre&gt;&lt;code class="typocode_xml "&gt;&lt;span class="punct"&gt;&amp;lt;&lt;/span&gt;&lt;span class="namespace"&gt;typo&lt;/span&gt;&lt;span class="punct"&gt;:&lt;/span&gt;&lt;span class="tag"&gt;flickr&lt;/span&gt; 
   &lt;span class="attribute"&gt;style&lt;/span&gt;&lt;span class="punct"&gt;=&amp;quot;&lt;/span&gt;&lt;span class="string"&gt;border: 1px 
            solid #8ab3d1;
       padding: 5px;
       margin: 5px;
       float: right;&lt;/span&gt;&lt;span class="punct"&gt;&amp;quot;&lt;/span&gt;
   &lt;span class="attribute"&gt;img&lt;/span&gt;&lt;span class="punct"&gt;=&amp;quot;&lt;/span&gt;&lt;span class="string"&gt;31367273&lt;/span&gt;&lt;span class="punct"&gt;&amp;quot;&lt;/span&gt; 
   &lt;span class="attribute"&gt;size&lt;/span&gt;&lt;span class="punct"&gt;=&amp;quot;&lt;/span&gt;&lt;span class="string"&gt;small&lt;/span&gt;&lt;span class="punct"&gt;&amp;quot;&lt;/span&gt; &lt;span class="punct"&gt;/&amp;gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;

&lt;p&gt;Is translated into the picture at the right.  I&amp;#8217;m quite impressed with that one.&lt;/p&gt;

&lt;p&gt;Lastly, there is a filter for Sparklines, which allows you generate a chart (pie, area, discreet, etc) from dynamic data.  e.g.:&lt;/p&gt;

&lt;div class="typocode"&gt;&lt;pre&gt;&lt;code class="typocode_xml "&gt;&lt;span class="punct"&gt;&amp;lt;&lt;/span&gt;&lt;span class="namespace"&gt;typo&lt;/span&gt;&lt;span class="punct"&gt;:&lt;/span&gt;&lt;span class="tag"&gt;sparkline&lt;/span&gt;
   &lt;span class="attribute"&gt;type&lt;/span&gt;&lt;span class="punct"&gt;=&amp;quot;&lt;/span&gt;&lt;span class="string"&gt;pie&lt;/span&gt;&lt;span class="punct"&gt;&amp;quot;&lt;/span&gt;
   &lt;span class="attribute"&gt;data&lt;/span&gt;&lt;span class="punct"&gt;=&amp;quot;&lt;/span&gt;&lt;span class="string"&gt;33.3 66.6&lt;/span&gt;&lt;span class="punct"&gt;&amp;quot;&lt;/span&gt; &lt;span class="punct"&gt;/&amp;gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;

&lt;p&gt;That bit of code renders the following graphic:&lt;/p&gt;

&lt;p&gt;&lt;img  src="http://blog.globalreset.org/plugins/filters/sparkline/plot?data=33.3%2C66.6&amp;type=pie"/&gt;&lt;/p&gt;
</description>
      <pubDate>Mon, 29 Aug 2005 20:29:00 -0700</pubDate>
      <guid isPermaLink="false">urn:uuid:5d0d0de44f82c174cc187825670ab9e3</guid>
      <author>Scott Hughes</author>
      <link>http://blog.globalreset.org/articles/2005/08/29/typo-rev-586</link>
      <category>Technology</category>
      <category>Typo</category>
      <category>RubyOnRails</category>
      <category>Dreamhost</category>
    </item>
  </channel>
</rss>
