!!!
%html
  %head
    %title susy test
    %link{:rel => 'stylesheet', :href => '/stylesheets/compiled/susytest.css'}
    = javascript_include_tag('prototype')
    :javascript
      document.observe("dom:loaded", function() {
        if (/khtml|webkit/i.test(navigator.userAgent)) { $$('body').first().addClassName('webkit'); }
        // if (Prototype.Browser.WebKit) { $$('body').first().addClassName('webkit'); }
      });
  %body
    #page
      %h1 susy test
      %nav
        %ul
          %li
            %a{href=""} fee
          %li
            %a{href=""} fie
          %li
            %a{href=""} foe
      %div{:role=>"main"}
        %article
          %h2 The Main Content
          %p This is where all the main content of our page will live.
          %p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sed eros ipsum. Maecenas in nibh lectus. Mauris at mauris in sem bibendum euismod. Vivamus fermentum mi consectetur leo tincidunt ullamcorper vitae pharetra tellus. In quis hendrerit dolor. Etiam varius ante sed mauris pulvinar ullamcorper. Mauris semper viverra vestibulum. Nunc fermentum cursus augue, sed venenatis libero egestas a. Mauris sit amet mauris dolor, eget venenatis ligula. Aliquam vitae risus ac orci commodo placerat id nec orci. Praesent ac dui sapien, in porta libero.
        %aside
          %h2 note
          %p we can add side-notes here
      %footer
        %p this site is built using susy!