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