metaform/site-template.html

   1 <!DOCTYPE html>
   2 <html lang="us">
   3 <head>
   4         <meta charset="utf-8" />
   5         <title>~$title html~</title>
   6         <!--[if lt IE 9]>
   7                 ~$running_locally {~<script src="/javascript/html5.js"></script>~}~
   8                 ~$running_locally unset {~<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>~}~
   9         <![endif]-->
  10         <script>less = {env:'development'};</script>
  11         <link rel="stylesheet/less" href="style_01.less" />
  12         <!--~$running_locally {~--><script src="/javascript/less/less.min.js"></script><!--~}~-->
  13         <!--~$running_locally unset {~--><script src="http://lesscss.googlecode.com/files/less-1.0.41.min.js"></script><!--~}~-->
  14         <!--~$head~-->
  15 </head>
  16
  17 <body>
  18         <div id="centerer">
  19                 <header>
  20                         <h2>Header</h2>
  21                 </header>
  22
  23                 <nav>
  24                         <a href="#">nav link 1</a>
  25                         <a href="#">nav link 2</a>
  26                 </nav>
  27
  28                 <div id="main-body">
  29                         <!--~$messages once_if {~-->
  30                                 <div id="wfpl_messages">
  31                                         <!--~$messages {~-->
  32                                                 <p>~message html~</p>
  33                                                 <!--~ sep {~-->
  34                                                         <hr>
  35                                                 <!--~}~-->
  36                                         <!--~}~-->
  37                                 </div>
  38                         <!--~}~-->
  39
  40                         <article>
  41                                 ~$body~
  42                         </article>
  43
  44                 </div>
  45                 <footer>
  46                         <p>footer</p>
  47                 </footer>
  48         </div>
  49 </body>
  50 </html>