Advanced Search

XHTML Page Template

/ Published in: HAML
Save to your folder(s)
A 2 column HAML template for use with Sinatra, Padrino, or any other HAML enabled framework/app. This layout consists of a header section, a 2 column content section, and a footer section. It also includes Rack:Flash based notifications.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. !!! Strict
  3. %html
  4.     %head
  5.         %title= @page_title
  6.         %link{:type=>"text/css", :href=>"/stylesheets/application.css", :rel=>"stylesheet"}
  7.         %script{:type=>"text/javascript", :src=>"public/javascripts/jquery.js"}
  8.         %script
  9.             $('document').ready(function() { $('.flash').fadeTo(4000,0); })
  10.     %body
  11.         #top
  12.             #header
  13.                 %h1 Your App Name
  14.         #content
  15.             #leftCol
  16.                 -_msg = ''
  17.                 -if flash.has?(:info)
  18.                     -_class = 'info'
  19.                     -_msg = flash[:info]
  20.                 -elsif flash.has?(:notice)
  21.                     -_class = 'notice'
  22.                     -_msg = flash[:notice]
  23.                 -elsif flash.has?(:error)
  24.                     -_class = 'error'
  25.                     -_msg = flash[:error]
  26.  
  27.                 %div.flash{:class=>_class}
  28.                     %p 
  29.                         =_msg
  30.                 = yield
  31.             #rightCol Right Col Content
  32.             #footer
  33.                 %p Copyright &copy; 2009 yourcompany.com

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.