template.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3 <head>
   4         <title>~$title html~~$cms_title html~</title>
   5         <!--[if lt IE 9]>
   6                 ~$running_locally {~<script src="/javascript/html5.js"></script>~}~
   7                 ~$running_locally unset {~<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>~}~
   8         <![endif]-->
   9         <link rel="stylesheet" href="style.css?m=~style.css mtime~" />
  10         <!--~$meta_description nonempty {~--><meta name="description" content="~$meta_description attr~" /><!--~}~-->
  11         <!--~$meta_keywords nonempty {~--><meta name="keywords" content="~$meta_keywords attr~" /><!--~}~-->
  12         <!--~$head~-->
  13 </head>
  14
  15 <body id="~$basename~_body" class="real_body_tag">
  16         <div id="centerer">
  17                 <header>
  18                         header image here
  19                 </header>
  20                 <nav id="site-nav">
  21                         <ul><!--~$navbar_items {~-->
  22                                 <li><a href="~filename~">~title html~</a></li><!--~}~-->
  23                         </ul>
  24                 </nav>
  25
  26                 <div id="main-body">
  27                         <!--~$admin_links {~-->
  28                                 <div id="admin_links">You are logged in as an administrator. &nbsp; <a href="admin_pages?~id {~edit_id=~id~~}~~id unset {~&amp;new=1&amp;new_filename=~$basename~~}~">Edit this page</a> &mdash; <a href="admin">Control panel</a> &mdash; <a href="logout">Log out</a></div>
  29                         <!--~}~-->
  30                         <!--~$messages once_if {~-->
  31                                 <div id="wfpl_messages">
  32                                         <!--~$messages {~-->
  33                                                 <p>~message htmlbrtab~</p>
  34                                                 <!--~ sep {~-->
  35                                                         <hr>
  36                                                 <!--~}~-->
  37                                         <!--~}~-->
  38                                 </div>
  39                         <!--~}~-->
  40
  41                         <article>
  42                                 ~$cms_body~
  43
  44                                 ~$body~
  45                         </article>
  46                 </div>
  47                 <footer>
  48                         footer text here
  49                 </footer>
  50         </div>
  51         <!--~$render_timestamps {~-->
  52                 <script>
  53                         (function() {
  54                                 var i02 = function (i) { return i > 9 ? i : '0' + i; };
  55                                 var date_to_html = function (d, include_time) {
  56                                         var hours = d.getHours()
  57                                         var ret = '<span class="date_time">' +
  58                                                 i02(d.getMonth() + 1) + '/' +
  59                                                 i02(d.getDate()) + '/' +
  60                                                 d.getFullYear();
  61                                         if (include_time) {
  62                                                 ret += ' ' + ((hours + 11) % 12 + 1) + ':' +
  63                                                         i02(d.getMinutes()) +
  64                                                         (hours < 12 ? 'am' : 'pm')
  65                                         }
  66                                         ret += '</span>';
  67                                         return ret;
  68                                 }
  69                                 window.render_timestamps = function() {
  70                                         var els = document.getElementsByClassName('unix_time');
  71                                         var i, d, hours;
  72                                         for (i in els) {
  73                                                 d = new Date(1000 * parseInt(els[i].innerHTML));
  74                                                 els[i].innerHTML = date_to_html(d, true);
  75                                         }
  76                                         els = document.getElementsByClassName('unix_date');
  77                                         for (i in els) {
  78                                                 d = new Date(1000 * parseInt(els[i].innerHTML));
  79                                                 els[i].innerHTML = date_to_html(d, false);
  80                                         }
  81                                 }
  82                         }).call();
  83                         render_timestamps();
  84                 </script>
  85         <!--~}~-->
  86 </body>
  87 </html>