short on time

css/structure.css

@@ -31,14 +31,21 @@
 }
 
 body {
-    background: url(img/testbg.jpg) no-repeat;
+    background: url(img/bg_texture.png) repeat-x repeat-y;
     background-size: 100%;
     margin: 0;
     padding: 0;
 }
-.slide {
-    font-size: 100px;
-}
+/*.slide {
+    width:100%;
+    height:100%;
+    overflow: hidden;
+}*/
+
+   #bx-wrapper {
+    margin: 0 auto !important;
+    width: 100% !important;
+   }
 
 .arrow {
 }
@@ -89,3 +96,10 @@ body {
 
     right: 0;
 }
+
+.content {
+    margin-top: 2em;
+    width: 85%;
+    margin-right: auto;
+    margin-left: auto;
+}

js/javascript.js

@@ -46,11 +46,19 @@ function get_html(file, prefix, extension, last ){
         ).done( function(data) {
         //alert('<li class="slide"><div>' + data + "</div></li>");
         $("#slider").append('<li class="slide"><div class="span12">' + data + "</div></li>");
+        //$("ul.nav-pills").append('<li><a href="#">' + $(data).find('h1').text() + '</a></li>');
         if (last) {
             set_sliders();
-
+            fill_menu();
         }
         //return data;
     });
 
 }
+
+
+function fill_menu() {
+    $($(".slide").get()).each(function() {
+        $("ul.nav-pills").append('<li><a href="#">' + $(this).find('h1').html() + '</a></li>');
+    });
+}

main.html

@@ -38,25 +38,7 @@
         <div id="topbar">
             <div class="navigation">
                 <ul class="nav nav-pills" >
-                    <li class="active">
-                    <a class="image-link"  >
-                        <img class="chapter-image" src="img/firefox.png" >
-
-                        <p>Subtitle</p>
-                    </a>
-                    </li>
-                    <li class="">
-                    <a class="image-link"  >
-                        <img class="chapter-image" src="img/firefox.png" >
-                        <p>Subtitle</p>
-                    </a>
-                    </li>
-                    <li class="">
-                    <a class="image-link"  >
-                        <img class="chapter-image" src="img/firefox.png" >
-                        <p>Subtitle</p>
-                    </a>
-                    </li>
+                    
                 </ul>
             </div>
             <a id="nav-button" class="pull-right" href="#">Nav me!! <i class="icon-chevron-down
@@ -72,7 +54,9 @@
                 load_slides();
 
                 // set them sliding
-                var original_height = $(".navigation").height();
+                var original_height =  100;//$(".navigation").height();
+
+                
 
                 $(".navigation").height('0em');