pingu_98/cern-summer-webfest
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

short on time

Browse source
This commit is contained in:
João Batista 2012-08-05 15:19:11 +02:00
parent 3defb9aa95
commit 38a4f9ef28
3 changed files with 31 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
css/structure.css
View file

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

10
js/javascript.js
View file

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

24
main.html
View file

@ -38,25 +38,7 @@
<div id="topbar"> <div id="topbar">
<div class="navigation"> <div class="navigation">
<ul class="nav nav-pills" > <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> </ul>
</div> </div>
<a id="nav-button" class="pull-right" href="#">Nav me!! <i class="icon-chevron-down <a id="nav-button" class="pull-right" href="#">Nav me!! <i class="icon-chevron-down
@ -72,7 +54,9 @@
load_slides(); load_slides();
// set them sliding // set them sliding
var original_height = $(".navigation").height(); var original_height = 100;//$(".navigation").height();
$(".navigation").height('0em'); $(".navigation").height('0em');