make footer have small text

[wfpl-cms.git] / template.html
diff --git a/template.html b/template.html

index 80920c0..2c853c1 100644 (file)
--- a/template.html
+++ b/template.html
@@ -2,6 +2,7 @@
  <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>~}~
@@ -13,22 +14,29 @@
  </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. &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>
+               <!--~}~-->
+
+               <header id="site_header">
+                       <!--~$cms_header~-->
                 </header>
                 <!--~$navbar_items once_if {~-->
-                       <nav id="site-nav">
-                               <ul><!--~$navbar_items {~-->
-                                       <li><a href="~filename~">~title html~</a></li><!--~}~-->
-                               </ul>
+                       <nav class="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 class="main">
                         <!--~$messages once_if {~-->
                                 <div id="wfpl_messages">
                                         <!--~$messages {~-->
@@ -46,8 +54,17 @@
                                 ~$body~
                         </article>
                 </div>
-               <footer>
-                       footer text here
+
+               <!--~$cms_sidebar {~-->
+                       <aside class="sidebar ~$layout_sidebar_class~">
+                               <!--~$cms_sidebar~-->
+                       </aside>
+
+                       <div style="clear: both"></div>
+               <!--~}~-->
+
+               <footer id="site_footer">
+                       ~$cms_footer~
                 </footer>
         </div>
         <!--~$render_timestamps {~-->