1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

!!! XML
!!!
%html{ :xmlns => "http://www.w3.org/1999/xhtml" }
  %head
    %meta{ "http-equiv" => "Content-Type", "content" => "text/html; charset=utf-8" }
    %title Web App
    = stylesheet_link_tag 'web_app_theme'
    = stylesheet_link_tag 'themes/default/style'
    = stylesheet_link_tag 'application'
    = javascript_include_tag :defaults 
  %body
    #container
      #header
        %h1= link_to 'ESFilter', ''
        #user-navigation
          %ul
            %li= link_to 'Profile', ''
            %li= link_to 'Settings', ''
            %li= link_to 'Logout', ''
          .clear
        #main-navigation
          %ul
            %li.first.active= link_to 'Home', ''
          .clear
      #wrapper
        #main
          = yield
          #footer
            .block
              %p Copyright © 2009 Your Company
        #sidebar
          = yield :sidebar
        .clear

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

- content_for :sidebar do
  .block
    %h3 Simple Block
    .content
      %p The contents of the sidebar
  .block
    %h3 Menu
    %ul.navigation
      %li= link_to 'Home', ''
      %li= link_to 'Logout', ''
  .block.notice
    %h4 Notice
    %p Some notice here
  .block
    .sidebar-block
      %h4 Inner Block Title
      %p Some notice here

.block
  .secondary-navigation
    %ul
      %li= link_to 'Welcome', ''
    .clear
  .content
    %h2 Main#index
    .inner
      %p Find me ...
      %hr
      %p Bye!