html5.haml

!!! 5
%html
  %head
    %title Crazy Website
    %meta{ :charset => "UTF-8" }
    %meta{ "HTTP-equiv" => "Expires", :content => "0" }
    %meta{ "HTTP-equiv" => "kiben", :content => "no-cache" }
    %link{ :href => "css/reset.css", :rel => "stylesheet", :type => "text/css" }
    %link{ :href => "css/style.css", :rel => "stylesheet", :type => "text/css" }
  %body
    / This line is HTML comment.
    -# This line HAML comment.
    %header
      %nav
        %ul
          %li.item{:id => "item#{item.id}"}= item.name
 
    %section
      %article
        %header
          %h2 Article Title
          %p
            Posted on
            - now = DateTime.current
            - now_s = DateTime.now.strftime('%m/%d/%Y')
            %time{ :datetime => "#{now}" }= now_s
            by
            = link_to author_path
              Author Name
        
        %article
          %p
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor 
            incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis 
            nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
 
               
        %aside
          %h2 The Sidebar
          %p
            Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore 
            eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, 
            sunt in culpa qui officia deserunt mollit anim id est laborum.
          
    %footer
      %p 
        Copyright 2015 Name
        
    %script{ :type => "text/javascript", :src => "js/util.js" }
    %script{ :type => "text/javascript", :src => "js/app.js" }
    :javas­cript
      alert("Use JavaScript fileter!");