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