www/layouts/default.rhtml

   1 ---
   2 extension: html
   3 filter:    erb
   4 ---
   5 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   6     "DTD/xhtml1-strict.dtd">
   7
   8 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us">
   9 <head>
  10    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  11    <title><%= @page.title %></title>
  12    <meta name="author" content="<%= @page.author %>" />
  13
  14    <!--- Blueprint CSS Framework -->
  15    <link rel="stylesheet" href="/css/blueprint/screen.css" type="text/css" media="screen, projection" />
  16    <link rel="stylesheet" href="/css/blueprint/print.css" type="text/css" media="print" />
  17
  18    <!-- CodeRay syntax highlighting CSS -->
  19    <link rel="stylesheet" href="/css/coderay.css" type="text/css" />
  20
  21    <!-- Homepage CSS -->
  22    <link rel="stylesheet" href="/css/site.css" type="text/css" media="screen, projection" />
  23 </head>
  24 <body>
  25
  26 <div class="container">
  27
  28    <div class="column span-20 prepend-2 append-2 first last" id="header">
  29      <p class="title">A New Website</p>
  30      <hr>
  31    </div>
  32
  33    <div class="column span-15 prepend-2 first">
  34       <%= @content %>
  35    </div>
  36
  37    <div class="column span-5 append-2 last">
  38       <h4>Sidebar</h4>
  39       <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue. </p>
  40
  41       <div class="box">
  42          <p class="last">Mauris a lectus. Aliquam erat volutpat. Phasellus ultrices mi a sapien. Nunc rutrum egestas lorem. Duis ac sem sagittis elit tincidunt gravida.</p>
  43       </div>
  44
  45       <p class="quiet">Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue.</p>
  46
  47       <h5>Incremental leading</h5>
  48       <p class="incr">Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue. sed aliquet vehicula, lectus tellus.</p>
  49    </div>
  50
  51    <div class="column span-20 prepend-2 append-2 first last" id="footer">
  52      <hr />
  53      <p>This website was created with <a href="http://webby.rubyforge.org">Webby</a></p>
  54    </div>
  55
  56 </div>
  57 </body>
  58 </html>