!!!
%html
  %head
    %meta{"http-equiv"=>"Content-Type", :content=>"text/html; charset=utf-8"}/
    :css
      body{
        width:600px;
        font-family:'Arial','Helvetica',sans-serif;
        font-size:14px; 
        color:#333;
        }
      #container{
        margin-bottom:25px
        min-height:400px;
        padding-left:15px;
      }
      header{
        background-color:#333;
        padding: 15px;
        margin-bottom: 25px;
      }
      p{
        padding:5px;
      }
      p.small{
        font-size:smaller;
        color:#999;
        font-style:italic;
      }
      a{
        color:#107FC9;
        font-weight:bold;
      }
      a:hover{
        color: #22AAE0;
      }
      a:active{
        color: #005D9C;
      }
      .large_text{
        font-size:21px;
        font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;
      }
  %body
    %header
      = image_tag '/images/diaspora_white.png'
    #container
      %p
        Hello #{@resource.email}!
      %p Your account has been locked due to an excessive amount of unsuccessful sign in attempts.
      %p Click the link below to unlock your account:
      %p= link_to 'Unlock my account', unlock_url(@resource, :unlock_token => @resource.unlock_token), :class => "large_text"