mailcatcher/views/index.haml

!!!
%html.mailcatcher
  %head
    %title MailCatcher
    %link{:rel => "stylesheet", :href => "/stylesheets/application.css"}
    %script{:src => "/javascripts/modernizr.js"}
    %script{:src => "/javascripts/jquery.js"}
    %script{:src => "/javascripts/xslt-3.2.js"}
    %script{:src => "/javascripts/date.js"}
    %script{:src => "/javascripts/flexie.min.js"}
    %script{:src => "/javascripts/application.js"}
  %body
    %header
      %h1
        %a{:href => "http://mailcatcher.me", :target => '_blank'} MailCatcher
      %nav.app
        %ul
          %li.search
            %input{:type => 'search', :name => 'search', :placeholder => 'Search messages...', :incremental => true}
          %li.clear
            %a{:href => '#', :title => 'Clear all messages'} Clear
          %li.quit
            %a{:href => '#', :title => 'Quit MailCatcher'} Quit
    %nav#messages
      %table
        %thead
          %tr
            %th From
            %th To
            %th Subject
            %th Received
        %tbody
    #resizer
      .ruler
    %article#message
      %header
        %dl.metadata
          %dt.created_at Received
          %dd.created_at
          %dt.from From
          %dd.from
          %dt.to To
          %dd.to
          %dt.subject Subject
          %dd.subject
          %dt.attachments Attachments
          %dd.attachments
        %nav.views
          %ul
            %li.format.tab.html.selected{'data-message-format' => 'html'}
              %a{:href => '#'} HTML
            %li.format.tab.plain{'data-message-format' => 'plain'}
              %a{:href => '#'}Plain Text
            %li.format.tab.source{'data-message-format' => 'source'}
              %a{:href => '#'}Source
            %li.tab.analysis
              %a{:href => '#'}Analysis
            %li.action.download
              %a.button{:href => '#'}
                %span Download
      %iframe.body