template.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3 <head>
   4         <title>~$title html~~$cms_title html~</title>
   5         <meta name="viewport" content="width=device-width, user-scalable=no" />
   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         <link rel="stylesheet" href="css.css?m=~css.css mtime~" />
  11         <!--~$meta_description nonempty {~--><meta name="description" content="~$meta_description attr~" /><!--~}~-->
  12         <!--~$meta_keywords nonempty {~--><meta name="keywords" content="~$meta_keywords attr~" /><!--~}~-->
  13         <!--~$cms_css~-->
  14         <!--~$head~-->
  15 </head>
  16
  17 <body id="~$basename~_body" class="real_body_tag">
  18         <div class="centerer ~$layout_centerer_class~">
  19
  20                 <header id="site_header">
  21                         <!--~$admin_links {~-->
  22                                 <div id="admin_links">You are logged in as an administrator. &nbsp; <a href="admin_pages?~$edit_page_history_id {~edit_history_id=~$edit_page_history_id~~}~~$edit_page_id {~edit_id=~$edit_page_id~~}~~$edit_page_id unset {~~$edit_page_history_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>
  23                         <!--~}~-->
  24                         <!--~$cms_header~-->
  25                 </header>
  26                 <!--~$navbar_items once_if {~-->
  27                         <nav class="nav">
  28                                 <form action="#" method="get">
  29                                         <label for="mobile_menu_check" id="mobile_menu_button">&#9776; Menu</label>
  30                                         <input type="checkbox" name="mobile_menu_check" id="mobile_menu_check">
  31                                         <div>
  32                                                 <ul><!--~$navbar_items {~-->
  33                                                         <li><a href="~filename~">~title html~</a></li><!--~}~-->
  34                                                 </ul>
  35                                         </div>
  36                                 </form>
  37                         </nav>
  38                 <!--~}~-->
  39
  40                 <div class="main">
  41                         <!--~$messages once_if {~-->
  42                                 <div id="wfpl_messages">
  43                                         <!--~$messages {~-->
  44                                                 <p>~message htmlbrtab~</p>
  45                                                 <!--~ sep {~-->
  46                                                         <hr>
  47                                                 <!--~}~-->
  48                                         <!--~}~-->
  49                                 </div>
  50                         <!--~}~-->
  51
  52                         <article>
  53                                 ~$cms_body~
  54
  55                                 ~$body~
  56                         </article>
  57                 </div>
  58
  59                 <!--~$cms_sidebar {~-->
  60                         <aside class="sidebar ~$layout_sidebar_class~">
  61                                 <!--~$cms_sidebar~-->
  62                         </aside>
  63
  64                         <div style="clear: both"></div>
  65                 <!--~}~-->
  66
  67                 <footer id="site_footer">
  68                         ~$cms_footer~
  69                 </footer>
  70         </div>
  71         <!--~$render_timestamps {~-->
  72                 <script>
  73                         (function() {
  74                                 var i02 = function (i) { return i > 9 ? i : '0' + i; };
  75                                 var date_to_html = function (d, include_time) {
  76                                         var hours = d.getHours()
  77                                         var ret = '<span class="date_time">' +
  78                                                 i02(d.getMonth() + 1) + '/' +
  79                                                 i02(d.getDate()) + '/' +
  80                                                 d.getFullYear();
  81                                         if (include_time) {
  82                                                 ret += ' ' + ((hours + 11) % 12 + 1) + ':' +
  83                                                         i02(d.getMinutes()) +
  84                                                         (hours < 12 ? 'am' : 'pm')
  85                                         }
  86                                         ret += '</span>';
  87                                         return ret;
  88                                 }
  89                                 window.render_timestamps = function() {
  90                                         var els = document.getElementsByClassName('unix_time');
  91                                         var i, d, hours;
  92                                         for (i in els) {
  93                                                 d = new Date(1000 * parseInt(els[i].innerHTML));
  94                                                 els[i].innerHTML = date_to_html(d, true);
  95                                         }
  96                                         els = document.getElementsByClassName('unix_date');
  97                                         for (i in els) {
  98                                                 d = new Date(1000 * parseInt(els[i].innerHTML));
  99                                                 els[i].innerHTML = date_to_html(d, false);
 100                                         }
 101                                 }
 102                         }).call();
 103                         render_timestamps();
 104                 </script>
 105         <!--~}~-->
 106 </body>
 107 </html>