Team:Buenos Aires/Pruebas

From 2013.igem.org

(Difference between revisions)
 
(19 intermediate revisions not shown)
Line 6: Line 6:
         <meta name="keywords" content="biosensing, igem, buenos aires, UBA, arsenic"/>
         <meta name="keywords" content="biosensing, igem, buenos aires, UBA, arsenic"/>
<link rel="stylesheet" type="text/css" rel="stylesheet" href="https://2013.igem.org/Team:Buenos_Aires/css/style.css?action=raw&ctype=text/css" />
<link rel="stylesheet" type="text/css" rel="stylesheet" href="https://2013.igem.org/Team:Buenos_Aires/css/style.css?action=raw&ctype=text/css" />
-
+
 
-
<link  href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:regular,bold" rel="stylesheet" type="text/css" />
+
<link  href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:regular,bold" rel="stylesheet" type="text/css" /> <!-- Font -->
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:Buenos_Aires/css/jquery.pageslide.css?action=raw&ctype=text/css" />
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:Buenos_Aires/css/jquery.pageslide.css?action=raw&ctype=text/css" />
Line 19: Line 19:
#content { background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: scroll; height:100%;overflow:hidden;}
#content { background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: scroll; height:100%;overflow:hidden;}
#bodyContent {background-color:transparent; border: none; padding:0; margin:0; width:100%; height:100%;}
#bodyContent {background-color:transparent; border: none; padding:0; margin:0; width:100%; height:100%;}
-
#top-section {display: block;position:fixed; height:3px; width:100%}
+
#top-section {display: block;position:fixed; height:3px; width:100%;z-index:999;}
#p-logo {display: none;}
#p-logo {display: none;}
#search-controls {display: none;}
#search-controls {display: none;}
Line 53: Line 53:
<div id="contenedor">
<div id="contenedor">
 +
<div id="ac_background" class="ac_background">
<div id="ac_background" class="ac_background">
-
<img class="ac_bgimage" src="https://static.igem.org/mediawiki/2013/thumb/7/77/B1.jpg/800px-B1.jpg" alt="Background"/>
+
<img class="ac_bgimage" src="https://static.igem.org/mediawiki/2013/thumb/b/b3/B4.jpg/800px-B4.jpg" alt="Background"/>
<div class="ac_overlay"></div>
<div class="ac_overlay"></div>
<div class="ac_loading"></div>
<div class="ac_loading"></div>
Line 67: Line 68:
<div class="ac_menu">
<div class="ac_menu">
<ul>
<ul>
 +
                                        <li>
 +
<a href="https://static.igem.org/mediawiki/2013/thumb/8/85/B5.jpg/800px-B5.jpg">Tour</a>
 +
<div class="ac_subitem">
 +
<span class="ac_close"></span>
 +
<h2>Tour</h2>
 +
<ul>
 +
<li>Take a wiki tour!</li>
 +
</ul>
 +
</div>
 +
</li>
<li>
<li>
<a href="https://static.igem.org/mediawiki/2013/thumb/b/b3/B4.jpg/800px-B4.jpg">Project</a>
<a href="https://static.igem.org/mediawiki/2013/thumb/b/b3/B4.jpg/800px-B4.jpg">Project</a>
Line 76: Line 87:
toxic pollutants in water</li>
toxic pollutants in water</li>
<li><a class="sub_menu_link" id="Obj" href="_objetive">Objetive</a></li>
<li><a class="sub_menu_link" id="Obj" href="_objetive">Objetive</a></li>
-
<li><a class="sub_menu_link" id="Mot" href="#nada">Motivation</a></li>
+
<li><a class="sub_menu_link" id="Mot" href="_motivation">Motivation</a></li>
<!-- <li><a class="sub_menu_link" id="App" href="#nada">Application</a></li>-->
<!-- <li><a class="sub_menu_link" id="App" href="#nada">Application</a></li>-->
</ul>
</ul>
Line 98: Line 109:
<ul>
<ul>
<li>The Team.</li>
<li>The Team.</li>
 +
 +
<li><a class="sub_menu_link" id="Obj" href="_members">Members</a></li>
</ul>
</ul>
Line 115: Line 128:
<!-- <iframe class="restricted" id="textObj" scrolling="no"-->
<!-- <iframe class="restricted" id="textObj" scrolling="no"-->
<div class="text_loading"></div>
<div class="text_loading"></div>
-
<div class="texto" id="textObj">
+
<div class="texto" id="textExt"> Hola
-
 
+
-
<!--<iframe name="textObjetivo" src="2013.igem.org/Team:Buenos_Aires/blanco"></iframe>-->
+
</div>
</div>
Line 162: Line 173:
     <script src="https://2013.igem.org/Team:Buenos_Aires/css/jquery.pageslide.js?action=raw&ctype=text/js"></script>
     <script src="https://2013.igem.org/Team:Buenos_Aires/css/jquery.pageslide.js?action=raw&ctype=text/js"></script>
 +
 +
<!--Para mover a las bacterias-->
 +
<script type="text/javascript">
 +
function beeLeft() {
 +
    $("#a1").animate({left: "-=50", top: "-=100"}, 4000, "swing", beeRight);
 +
$("#a2").animate({left: "-=50", top: "+=100"}, 4000, "swing");
 +
$("#a3").animate({left: "+=50", top: "+=50"}, 4000, "swing");
 +
 +
}
 +
function beeRight() {
 +
    $("#a1").animate({left: "+=50",top: "+=100"}, 4000, "swing", beeLeft);
 +
$("#a2").animate({left: "+=50",top: "-=100"}, 4000, "swing");
 +
$("#a3").animate({left: "-=50",top: "-=50"}, 4000, "swing");
 +
}
 +
 +
beeRight();
 +
 +
</script>
Line 292: Line 321:
openSubMenu($item, $sub_menu, el_image);
openSubMenu($item, $sub_menu, el_image);
});
});
 +
return false;
return false;
});
});
Line 300: Line 330:
/* all other text display is none*/
/* all other text display is none*/
$('.texto').css({opacity: '0.0', display: 'none'});
$('.texto').css({opacity: '0.0', display: 'none'});
 +
return false;
return false;
});
});
Line 305: Line 336:
-
$(".sub_menu_link").bind('click.Menu', function(e){
+
$(".sub_menu_link").bind('click.Menu', function(){
-
+
loadText(this);
-
var currentId = $(this).attr('id');
+
-
 
+
-
/* all other text display is none*/
+
-
$('.texto').css({opacity:'0.0',display: 'none'});
+
-
/* show text: */
+
-
                                                  $text_loading.show();
+
-
loadDiv(this);
+
-
$text_loading.hide(); // Load its linked page into the div
+
-
$('#text' + currentId).css({display: 'block'});
+
-
$('#text' + currentId).stop()
+
-
.animate({opacity: '1'}, 1400, function(){});
+
-
 
+
-
 
+
-
 
+
return false;
return false;
 +
});
});
 +
 +
});
});
},
},
 +
 +
loadText = function(link) {
 +
-
//Load external in div
+
/* Change opacity for later animatation*/
-
loadDiv = function(link)
+
$('.texto').css({opacity:'0.0'});
-
{
+
-
+
new_link = $(link).attr('href')+ " #external";
-
return $.Deferred(
+
-
function(dfd) {
+
-
+
-
$('#textObj').load($(link).attr('href')+ " #cargado");
+
-
+
-
}
+
-
).promise();
+
$text_loading.show();
 +
 
 +
$('#textExt').load(new_link, function() {
 +
/* hide loading text: */
 +
                                        $text_loading.hide();
 +
/*show external div in textExt*/
 +
$('#textExt').css({display: 'block'});
 +
$('#textExt').stop()
 +
.animate({opacity: '1'}, 1400, function(){});
 +
/*Bind function recursivily in the links of the external*/
 +
                                                        $('.texto a').css({color:"#68A"});
 +
$('.texto a').bind('click.Menu', function(){
 +
loadText(this);
 +
return false;
 +
});
 +
});
 +
 
 +
 +
},
},

Latest revision as of 19:50, 1 July 2013

iGem Buenos Aires

Background

Buenos AiresiGem

Hola