make layout mosly responsive

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

index 80920c0..7ab8d1f 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>~}~
@@ -19,9 +20,13 @@
                 </header>
                 <!--~$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">
                                 <ul><!--~$navbar_items {~-->
                                         <li><a href="~filename~">~title html~</a></li><!--~}~-->
                                 </ul>
+                               </form>
                         </nav>
                 <!--~}~-->