<html lang="en">
<head>
<title>~$title html~~$cms_title html~</title>
+ <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" href="style.css?m=~style.css mtime~" />
+ <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>
<body id="~$basename~_body" class="real_body_tag">
- <div id="centerer">
- <header>
- header image here
+ <div class="centerer ~$layout_centerer_class~">
+ <!--~$admin_links {~-->
+ <div id="admin_links">You are logged in as an administrator. <a href="admin_pages?~$edit_page_id {~edit_id=~$edit_page_id~~}~~$edit_page_id unset {~&new=1&new_filename=~$basename~~}~">Edit this page</a> — <a href="admin">Control panel</a> — <a href="logout">Log out</a></div>
+ <!--~}~-->
+
+ <header id="site_header">
+ <!--~$cms_header~-->
</header>
- <nav id="site-nav">
- <ul><!--~$navbar_items {~-->
- <li><a href="~filename~">~title html~</a></li><!--~}~-->
- </ul>
- </nav>
+ <!--~$navbar_items once_if {~-->
+ <nav class="nav">
+ <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 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>
- <!--~}~-->
+ <div class="main">
<!--~$messages once_if {~-->
<div id="wfpl_messages">
<!--~$messages {~-->
~$body~
</article>
</div>
+
+ <!--~$cms_sidebar {~-->
+ <aside class="sidebar ~$layout_sidebar_class~">
+ <!--~$cms_sidebar~-->
+ </aside>
+
+ <div style="clear: both"></div>
+ <!--~}~-->
+
<footer>
- footer text here
+ ~$cms_footer~
</footer>
</div>
<!--~$render_timestamps {~-->