Anonymous avatar Anonymous committed b7aea62

Add what we have so far. Still doesn't look quite right.

The about links are below the breadcrumbs trail.

Comments (0)

Files changed (4)

 src/style.css: config.rb lib/sass/style.sass lib/sass/print.sass
 	compass
 
-upload: upload_hexten
+# upload: upload_hexten
+upload: upload_beta
 
 upload_berlios: all
 	(cd dest && $(RSYNC) -a * shlomif@shell.berlios.de:/home/groups/perl-begin/htdocs/)
 css_dir = "src"
 sass_dir = "lib/sass"
 images_dir = "src/images"
-output_style = :compressed
+# output_style = :compressed
+output_style = :expanded
 # To enable relative image paths using the images_url() function:
 # http_images_path = :relative
 http_images_path = "images"

lib/sass/style.sass

     :font-weight bold
     :font-size 1.3em
 
-  .nav-global
-    :position absolute
-    :top 2px
-    +horizontal-list
-
-    ul
-      :display block
-      :margin-left 100px
-
-      li
-        a
-          :font-size 1.2em
-          :text-transform uppercase
-          :color #969696
-          :text-decoration none
-          :border-left 1px solid
-          :padding-left 5px
-
-        a:hover
-          :color #000
 
 .nav-main
   :border 1px solid #7d7d7d
   a:hover
     :color #6e6e6e
 
+  .breadcrumbs
+
+  .about-links
+    +horizontal-list
+
+    // :display block
+    :margin-left 100px
+
+    li
+      a
+        :font-size 1.2em
+        :text-transform uppercase
+        :color #969696
+        :text-decoration none
+        :border-left 1px solid
+        :padding-left 5px
+
+      a:hover
+        :color red
+
 #left-sidebar
   +column(5)
   :border-top 5px solid #000
       </div>
       <div class="site-slogan" id="js-site-slogan">
           Perl - because programming should be fun.
-      </div>                 
-      <!--<div><img class="img-header" src="$(ROOT)/images/header.jpg" alt=""/></div>-->
+      </div>
+
+#     <div><img class="img-header" src="$(ROOT)/images/header.jpg" alt=""/></div>
       
-      <h3 class="hide">Global Navigation</h3>
-      <div class="nav-global" id="js-nav-global">
-        <ul>
-          <li><a href="$(ROOT)/about.html">About Us</a></li>
-          <li><a href="$(ROOT)/contact/">Contact</a></li>
-        </ul>
-      </div>
     </div>
     
     <!-- Main navigation -->                    
-    <h3 class="hide">Breadcrumbs Trail</h3>    
     <div class="nav-main">
+      <h3 class="hide">Breadcrumbs Trail</h3>    
+      <p class="breadcrumbs">
       <latemp_get_breadcrumbs_trail />
+      </p>
+      <h3 class="hide">Global Navigation</h3>
+      <ul class="about-links">
+        <li><a href="$(ROOT)/about.html">About Us</a></li>
+        <li><a href="$(ROOT)/contact/">Contact</a></li>
+      </ul>
+
     </div>
     
     <h3 class="hide">Main Navigation</h3>
     </div>
     
     {#PERL_BEGIN_SIDEBAR#}
-    </div>    
     
+  </div>
     <!-- FOOTER -->
     <h3 class="hide">Footer</h3>
     <div id="footer">
         <latemp_license_text />
         <latemp_webmaster_text />
     </div>
-  </div>
 </body>
 </html>
 
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.