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

alskhda

Browse source
This commit is contained in:
João Batista 2012-08-05 16:07:01 +02:00
parent 84dc2b9f33
commit 0d296dad71
3 changed files with 31 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
css/structure.css
View file

@ -26,9 +26,7 @@
z-index: -1; z-index: -1;
} }
#wrapper {
z-index:100;
}
body { body {
background: url(img/bg_texture.png) repeat-x repeat-y; background: url(img/bg_texture.png) repeat-x repeat-y;
@ -42,14 +40,14 @@ body {
overflow: hidden; overflow: hidden;
}*/ }*/
#bx-wrapper {
margin: 0 auto !important;
width: 100% !important;
}
.arrow { .arrow {
} }
#wrapper {
margin-top: 2em;
}
#go-next, #go-prev { #go-next, #go-prev {
transition: opacity 0.5s; transition: opacity 0.5s;
-moz-transition: opacity 0.5s; /* Firefox 4 */ -moz-transition: opacity 0.5s; /* Firefox 4 */

28
js/javascript.js
View file

@ -1,13 +1,13 @@
function load_slides() { function load_slides() {
var filelist = [ var filelist = [
"What is the world made of",
"The strong interaction", "The strong interaction",
"The electromagnetic interaction", "The weak interaction",
"The weak interaction", "What is the world made of",
"Three Generations", "The electromagnetic interaction",
"Antimatter", "Three Generations",
"The Higgs" "Antimatter",
]; "The Higgs"
];
//$(filelist).each(function(){alert($(this).html());}); //$(filelist).each(function(){alert($(this).html());});
var last = false; var last = false;
@ -21,14 +21,12 @@ function load_slides() {
var filename = to_filename(filelist[i]); var filename = to_filename(filelist[i]);
// get // get
var chapter = get_html(filename, "chapter", "html", last); var chapter = get_html(filename, "chapter", "html", last);
//var readmore = get_html(filelist[i], "readmore", "html"); var readmore = get_html(filelist[i], "readmore", "html");
// here we just need the URL // here we just need the URL
//var icon = get_html(filelist[i], "img", "png"); //var icon = get_html(filelist[i], "img", "png");
// //
//alert (chapter); //alert (chapter);
} }
} }
@ -41,11 +39,13 @@ function get_html(file, prefix, extension, last ){
$.ajax( { $.ajax( {
url :"./" + prefix + "/" + file + "." + extension, url :"./" + prefix + "/" + file + "." + extension,
dataType: "html" dataType: "html"
} }
).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>"); if (prefix == "chapter") {
$("#slider").append('<li class="slide"><div class="span12">' + data + "</div></li>");
}
//$("ul.nav-pills").append('<li><a href="#">' + $(data).find('h1').text() + '</a></li>'); //$("ul.nav-pills").append('<li><a href="#">' + $(data).find('h1').text() + '</a></li>');
if (last) { if (last) {
set_sliders(); set_sliders();
@ -59,6 +59,6 @@ function get_html(file, prefix, extension, last ){
function fill_menu() { function fill_menu() {
$($(".slide").get()).each(function() { $($(".slide").get()).each(function() {
$("ul.nav-pills").append('<li><a href="#">' + $(this).find('h1').html() + '</a></li>'); $("ul.nav-pills").append('<li><img style="width:3em;height:3em;"><a href="#">' + $(this).find('h1').html() + '</a></li>');
}); });
} }

11
main.html
View file

@ -17,7 +17,7 @@
<link href="bootstrap/css/bootstrap.css" rel="stylesheet"> <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="css/structure.css" rel="stylesheet"> <link href="css/structure.css" rel="stylesheet">
<link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet"> <link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
<link rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css" type="text/css" media="all" /> <link rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css" type="text/css" media="all" />
<script src="bootstrap/js/bootstrap.js"></script> <script src="bootstrap/js/bootstrap.js"></script>
</head> </head>
@ -36,6 +36,14 @@
<div id="right-hidden"> <div id="right-hidden">
</div>--> </div>-->
</div> </div>
<div class="modal hide fade" id="readmore">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">x</button>
</div>
<div class="modal-body">
</div>
</div>
<div id="topbar"> <div id="topbar">
<div class="navigation"> <div class="navigation">
<ul class="nav nav-pills" > <ul class="nav nav-pills" >
@ -44,6 +52,7 @@
</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
icon-white"></i> </a> icon-white"></i> </a>
<a class="btn" data-toggle="modal" href="#readmore" >Read more</a>
</div> </div>
<script> <script>