JasonWoof Got questions, comments, patches, etc.? Contact Jason Woofenden
hilight current nav item, visual cleanup
authorJason Woofenden <jason@jasonwoof.com>
Thu, 17 Nov 2011 22:20:24 +0000 (17:20 -0500)
committerJason Woofenden <jason@jasonwoof.com>
Thu, 17 Nov 2011 22:20:24 +0000 (17:20 -0500)
code/cms.php
style.css
style.less
template.html

index 6111440..d8b6452 100644 (file)
@@ -5,6 +5,9 @@ function cms_display($basename, &$tem) {
        $nav_items = db_get_assocs('cms_pages', "coalesce(nullif(nav_title,''), title) as title,filename", 'where navbar!=0 order by navbar');
        if($nav_items) {
                foreach($nav_items as &$nav_item) {
+                       if($nav_item['filename'] == $basename) {
+                               $nav_item['current'] = true;
+                       }
                        if($nav_item['filename'] == 'index') {
                                $nav_item['filename'] = './';
                        }
index ebad33f..25233b1 100644 (file)
--- a/style.css
+++ b/style.css
@@ -36,20 +36,28 @@ nav {
   padding: 10px;
   background: #ddffff;
 }
-nav a {
-  display: block;
+nav h3 span {
+  color: #ddffff;
+}
+nav h3.current span {
+  color: inherit;
+}
+nav h3.current a {
+  text-decoration: none;
 }
 #main-body {
   float: left;
   width: 704px;
-  padding: 18px 18px 18px 18px;
+  padding: 18px 18px 54px 18px;
   background: #ffffff;
 }
 footer {
   clear: both;
-  width: 940px;
-  height: 50px;
+  width: 904px;
+  padding: 18px;
+  text-align: center;
   background: #ddddff;
+  font-size: 80%;
 }
 #wfpl_messages {
   border: 2px solid red;
index 0545b5f..3d32093 100644 (file)
@@ -46,23 +46,35 @@ nav {
        width: @nav-width - 2*@nav-padding;
        padding: @nav-padding;
        background: @nav-color;
-       a {
-               display: block;
+       h3 {
+               span {
+                       color: @nav-color;
+               }
+       }
+       h3.current {
+               span {
+                       color: inherit;
+               }
+               a {
+                       text-decoration: none;
+               }
        }
 }
 
 #main-body {
        float: left;
        width: @site-main-body-width;
-       padding: @site-gutter-width @site-gutter-width @site-gutter-width @site-gutter-width;
+       padding: @site-gutter-width @site-gutter-width 3*@site-gutter-width @site-gutter-width;
        background: @site-body-color;
 }
 
 footer {
        clear: both;
-       width: @site-width;
-       height: 50px;
+       width: @site-width - 2*@site-gutter-width;
+       padding: @site-gutter-width;
+       text-align: center;
        background: @site-footer-color;
+       font-size: 80%;
 }
 
 #wfpl_messages {
index b996076..a6330d9 100644 (file)
        <!--~$head~-->
 </head>
 
-<body>
+<body id="~basename~_body">
        <div id="centerer">
                <header>
                        header image here
                </header>
                <nav><!--~$navbar_items {~-->
-                       <h3><a href="~filename~">~title html~</a></h3><!--~}~-->
+                       <h3 class="~current {~current~}~"><span>&bull; </span><a href="~filename~">~title html~</a></h3><!--~}~-->
                </nav>
 
                <div id="main-body">