X-Git-Url: https://jasonwoof.com/gitweb/?p=wfpl-cms.git;a=blobdiff_plain;f=template.html;h=c7793d8552834e0cf13acfe3609752f495be07cd;hp=d469d42025ac4c049dd203589c9b8431d285458d;hb=3ed0f0b53ff1b3ea3e30292bf39eb6e30935e9eb;hpb=c10846e704eafa0330628157c54343ed3f15b91e

diff --git a/template.html b/template.html
index d469d42..c7793d8 100644
--- a/template.html
+++ b/template.html
@@ -2,13 +2,14 @@
 <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~" /><!--~}~-->
+	<meta name="viewport" content="width=device-width, user-scalable=no" />
 	<!--[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.~$running_locally {~less?m=~style.less mtime~~}~~$running_locally unset {~css?m=~style.css mtime~~}~" /><!--~$running_locally {~--><script>less = {env:'development'};</script><script src="/javascript/less/less.min.js"></script><!--~}~-->
+	<link rel="stylesheet" href="css.css?m=~css.css mtime~" />
+	<!--~$meta_description nonempty {~--><meta name="description" content="~$meta_description attr~" /><!--~}~-->
+	<!--~$meta_keywords nonempty {~--><meta name="keywords" content="~$meta_keywords attr~" /><!--~}~-->
 	<!--~$head~-->
 </head>
 
@@ -17,13 +18,23 @@
 		<header>
 			header image here
 		</header>
-		<nav><!--~$navbar_items {~-->
-			<h3 class="nav_~basename~~current {~ current~}~"><span>&bull; </span><a href="~filename~">~title html~</a></h3><!--~}~-->
-		</nav>
+		<!--~$navbar_items once_if {~-->
+			<nav id="site-nav">
+				<form action="#" method="get">
+					<label for="mobile_menu_check" id="mobile_menu_button">&#9776; 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 id="main-body">
 			<!--~$admin_links {~-->
-				<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>
+				<div id="admin_links">You are logged in as an administrator. &nbsp; <a href="admin_pages?~$edit_page_id {~edit_id=~$edit_page_id~~}~~$edit_page_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>
 			<!--~}~-->
 			<!--~$messages once_if {~-->
 				<div id="wfpl_messages">
@@ -46,5 +57,40 @@
 			footer text here
 		</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>
