<!DOCTYPE html>
<html lang="en">
<head>
- <title>~$title html~~$cms_title html~</title>
- <!--~meta_description nonempty {~--><meta name="description" content="~meta_description attr~" /><!--~}~-->
- <!--~meta_keywords nonempty {~--><meta name="keywords" content="~meta_keywords attr~" /><!--~}~-->
- <!--[if lt IE 9]>
- ~$running_locally {~<script src="/javascript/html5.js"></script>~}~
- ~$running_locally unset {~<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>~}~
- <![endif]-->
- <link rel="stylesheet~$running_locally {~/less~}~" href="style_01.~$running_locally {~less~}~~$running_locally unset {~css~}~" /><!--~$running_locally {~--><script>less = {env:'development'};</script><script src="/javascript/less/less.min.js"></script><!--~}~-->
- <!--~$head~-->
+ <title>~$title html~~$cms_title html~</title>
+ <meta name="viewport" content="width=device-width, user-scalable=no" />
+ <link rel="stylesheet" href="style.css?m=~style.css mtime~" />
+ <!--~$meta_description nonempty {~--><meta name="description" content="~$meta_description attr~" /><!--~}~-->
+ <!--~$meta_keywords nonempty {~--><meta name="keywords" content="~$meta_keywords attr~" /><!--~}~-->
+ <!--~$cms_css~-->
+ <!--~$head~-->
</head>
-<body id="~basename~_body">
- <div id="centerer">
- <header>
- header image here
- </header>
- <nav><!--~$navbar_items {~-->
- <h3 class="~current {~current~}~"><span>• </span><a href="~filename~">~title html~</a></h3><!--~}~-->
- </nav>
-
- <div id="main-body">
- <!--~$admin_links {~-->
- <div id="admin_links">You are logged in as an administrator. <a href="admin_pages?~id {~edit_id=~id~~}~~id unset {~&new=1&new_filename=~$basename~~}~">Edit this page</a> — <a href="admin">Control panel</a> — <a href="logout">Log out</a></div>
- <!--~}~-->
- <!--~$messages once_if {~-->
- <div id="wfpl_messages">
- <!--~$messages {~-->
- <p>~message html~</p>
- <!--~ sep {~-->
- <hr>
- <!--~}~-->
- <!--~}~-->
- </div>
- <!--~}~-->
-
- <article>
- ~$cms_body~
-
- ~$body~
- </article>
- </div>
- <footer>
- footer text here
- </footer>
- </div>
+<body id="~$basename~_body" class="real_body_tag">
+
+ <!--~$admin_links {~-->
+ <div class="siteAdminHeader">
+ <div id="admin_links">You are logged in as an administrator. <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 {~&new=1&new_filename=~$basename~~}~~}~">Edit this page</a> — <a href="admin">Control panel</a> — <a href="logout">Log out</a></div>
+ </div>
+ <!--~}~-->
+
+ <div class="siteOuter ~siteLayoutClass~">
+
+ <header class="siteHeader">
+ <!--~$cms_header~-->
+ </header>
+
+ <nav class="siteNav">
+ <form action="#" method="get">
+ <label for="mobile_menu_check" id="mobile_menu_button">☰ Menu</label>
+ <input type="checkbox" name="mobile_menu_check" id="mobile_menu_check">
+ <div>
+ <ul><!--~$navbar_items {~-->
+ <li><a href="~filename~">~title html~</a></li><!--~}~-->
+ </ul>
+ </div>
+ </form>
+ </nav>
+
+ <div class="siteContent">
+ <!--~$messages once_if {~-->
+ <div id="wfpl_messages">
+ <!--~$messages {~-->
+ <p>~message htmlbrtab~</p>
+ <!--~ sep {~-->
+ <hr>
+ <!--~}~-->
+ <!--~}~-->
+ </div>
+ <!--~}~-->
+
+ <article>
+ ~$cms_body~
+
+ ~$body~
+ </article>
+ </div>
+
+ <!--~$cms_sidebar {~-->
+ <aside class="siteSidebar ~$layout_sidebar_class~">
+ <!--~$cms_sidebar~-->
+ </aside>
+ <!--~}~-->
+
+ <footer id="siteFooter">
+ ~$cms_footer~
+ </footer>
+ </div>
+ <!--~$render_timestamps {~-->
+ <script>
+ (function() {
+ var i02 = function (i) { return i > 9 ? i : '0' + i; };
+ var date_to_html = function (d, include_time) {
+ var hours = d.getHours()
+ var ret = '<span class="date_time">' +
+ i02(d.getMonth() + 1) + '/' +
+ i02(d.getDate()) + '/' +
+ d.getFullYear();
+ if (include_time) {
+ ret += ' ' + ((hours + 11) % 12 + 1) + ':' +
+ i02(d.getMinutes()) +
+ (hours < 12 ? 'am' : 'pm')
+ }
+ ret += '</span>';
+ return ret;
+ }
+ window.render_timestamps = function() {
+ var els = document.getElementsByClassName('unix_time');
+ var i, d, hours;
+ for (i in els) {
+ d = new Date(1000 * parseInt(els[i].innerHTML));
+ els[i].innerHTML = date_to_html(d, true);
+ }
+ els = document.getElementsByClassName('unix_date');
+ for (i in els) {
+ d = new Date(1000 * parseInt(els[i].innerHTML));
+ els[i].innerHTML = date_to_html(d, false);
+ }
+ }
+ }).call();
+ render_timestamps();
+ </script>
+ <!--~}~-->
</body>
</html>
Got questions, comments, patches, etc.? Contact Jason Woofenden