Team:Buenos Aires

From 2013.igem.org

(Difference between revisions)
 
(233 intermediate revisions not shown)
Line 5: Line 5:
         <meta name="description" content="iGem Buenos Aires" />
         <meta name="description" content="iGem Buenos Aires" />
         <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_color.css?action=raw&ctype=text/css" />
-
+
 
-
+
<link rel="stylesheet" type="text/css" rel="stylesheet" href="https://2013.igem.org/Team:Buenos_Aires/css/style_galery.css?action=raw&ctype=text/css" />
 +
 
 +
 
-
 
<link  href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:regular,bold" rel="stylesheet" type="text/css" /> <!-- Font -->
<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" />
 
-
 
<style type ='text/css'>
<style type ='text/css'>
Line 20: Line 19:
#catlinks{display:none;}
#catlinks{display:none;}
#globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; width: 100%; height:100%;}
#globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; width: 100%; height:100%;}
-
#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: auto; height:100%;}
#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%;z-index:999;}
#top-section {display: block;position:fixed; height:3px; width:100%;z-index:999;}
Line 56: Line 55:
<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/b/b3/B4.jpg/800px-B4.jpg" alt="Background"/>
+
 
-
<div class="ac_overlay"></div>
+
 
-
<div class="ac_loading"></div>
+
<img class="ac_bgimage" src="https://static.igem.org/mediawiki/2013/0/0f/Fondopepe.jpg" alt="Background"/>
 +
<div class="ac_loading"> Loading...</div>
</div>
</div>
Line 66: Line 69:
<div id="ac_content" class="ac_content">
<div id="ac_content" class="ac_content">
 +
 +
-
<h1><span>Buenos Aires</span>iGem</h1>
+
<h1><a href="https://igem.org"><img src="https://static.igem.org/mediawiki/igem.org/f/f2/Igemfooterlogo.png"></a><span><b>Buenos Aires</b></span></h1>
<div class="ac_menu">
<div class="ac_menu">
<ul>
<ul>
-
                                        <li>
+
-
<a href="https://static.igem.org/mediawiki/2013/thumb/1/12/B3.jpg/800px-B3.jpg">Tour</a>
+
<!-- Wiki Overview -->
 +
    <li>
 +
<a id="https://static.igem.org/mediawiki/2013/0/0f/Fondopepe.jpg" href="#Overview">Overview</a>
<div class="ac_subitem">
<div class="ac_subitem">
<span class="ac_close"></span>
<span class="ac_close"></span>
-
<h2>Tour</h2>
+
<h2>Overview</h2>
<ul>
<ul>
-
<li>Take a wiki tour!</li>
+
<li>Here you can find a brief introduction to our project</li>
 +
                                                                <li><a class="sub_menu_link" id="Summary" href="/Team:Buenos_Aires/_summary">Overview</a></li>
 +
 
 +
<li><a class="sub_menu_link" id="Abstract" href="/Team:Buenos_Aires/_abstract">Abstract</a></li>
 +
 
</ul>
</ul>
</div>
</div>
</li>
</li>
 +
<!-- Team -->
<li>
<li>
-
<a href="https://static.igem.org/mediawiki/2013/thumb/b/b3/B4.jpg/800px-B4.jpg">Project</a>
+
<a id="https://static.igem.org/mediawiki/2013/b/ba/Pepe1.jpg" href="#Team">Team</a>
 +
<div class="ac_subitem">
 +
<span class="ac_close"></span>
 +
<h2>Team</h2>
 +
<ul>
 +
<li>The Team.</li>
 +
 
 +
<li><a class="sub_menu_link" id="Students" href="/Team:Buenos_Aires/_students">Students</a></li>
 +
                                                                <li><a class="sub_menu_link" id="Advisors" href="/Team:Buenos_Aires/_advisors">Advisors</a></li>
 +
                                                                <li><a class="sub_menu_link" id="Instructors" href="/Team:Buenos_Aires/_instructors">Instructors</a></li>
 +
 +
</ul>
 +
</div>
 +
</li>
 +
<!-- Project-->
 +
<li>
 +
 
 +
<a id="https://static.igem.org/mediawiki/2013/b/ba/Pepe1.jpg" href="#Project">Project</a>
<div class="ac_subitem">
<div class="ac_subitem">
<span class="ac_close"></span>
<span class="ac_close"></span>
Line 88: Line 117:
<li>  We aim to build a quantitative modular Biosensor for the detection of
<li>  We aim to build a quantitative modular Biosensor for the detection of
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="Mot" href="_motivation">Motivation</a></li>
+
<li><a class="sub_menu_link" id="Mot" href="/Team:Buenos_Aires/_motivation">Motivation</a></li>
-
<!-- <li><a class="sub_menu_link" id="App" href="#nada">Application</a></li>-->
+
<li><a class="sub_menu_link" id="Biological" href="/Team:Buenos_Aires/_biological_design">Biological Design</a></li>
 +
<li><a class="sub_menu_link" id="Pysical" href="/Team:Buenos_Aires/_device">Physical Design</a></li>
 +
 
</ul>
</ul>
</div>
</div>
</li>
</li>
 +
 +
<!-- Model-->
 +
<li>
 +
<a id="https://static.igem.org/mediawiki/2013/6/6d/Pepe3.jpg" href="#Model">Model</a>
 +
<div class="ac_subitem">
 +
<span class="ac_close"></span>
 +
<h2>Model</h2>
 +
<ul>
 +
<li>Mathematical model</li>
 +
<li><a class="sub_menu_link" id="model" href="/Team:Buenos_Aires/_model">Model</a></li>
 +
 +
</ul>
 +
</div>
 +
</li>
 +
 +
<!-- Results-->
<li>
<li>
-
<a href="https://static.igem.org/mediawiki/2013/thumb/1/12/B3.jpg/800px-B3.jpg">Results</a>
+
<a id="https://static.igem.org/mediawiki/2013/6/6d/Pepe3.jpg" href="#Results">Results</a>
<div class="ac_subitem">
<div class="ac_subitem">
<span class="ac_close"></span>
<span class="ac_close"></span>
<h2>Results</h2>
<h2>Results</h2>
<ul>
<ul>
-
<li>Results.</li>
+
<li>Results and parts characterization</li>
 +
<li><a class="sub_menu_link" id="resRFP" href="/Team:Buenos_Aires/_res_rfpdeg">GFP under Arsenite Inducible Promoter</a></li>
 +
<li><a class="sub_menu_link" id="resmRFP" href="/Team:Buenos_Aires/_resqrfp">mRFP under Arsenite Inducible Promoter</a></li>
 +
<li><a class="sub_menu_link" id="resGFPr" href="/Team:Buenos_Aires/_res_rgfp">LuxI under Arsenite Inducible Promoter</a></li>
 +
<li><a class="sub_menu_link" id="resdmRFP" href="/Team:Buenos_Aires/_hybrid">Hybrid promoter induction and repression</a></li>
 +
<li><a class="sub_menu_link" id="resBasu" href="/Team:Buenos_Aires/_res_basu">GFP under Hypoxia Inducible Promoter (Tech Monterrey's part)</a></li>
 +
 
</ul>
</ul>
</div>
</div>
</li>
</li>
 +
 +
 +
<!-- Lab-->
<li>
<li>
-
<a href="https://static.igem.org/mediawiki/2013/thumb/0/01/B2.jpg/800px-B2.jpg">Team</a>
+
<a id="https://static.igem.org/mediawiki/2013/4/4b/Pepe4.jpg" href="#Lab">Lab</a>
<div class="ac_subitem">
<div class="ac_subitem">
<span class="ac_close"></span>
<span class="ac_close"></span>
-
<h2>Team</h2>
+
<h2>Lab</h2>
<ul>
<ul>
-
<li>The Team.</li>
+
<li>Lab</li>
 +
                                                                <li><a class="sub_menu_link" id="Obj" href="/Team:Buenos_Aires/_protocols">Protocols</a></li>
 +
 +
<li><a class="sub_menu_link" id="bactstrains" href="/Team:Buenos_Aires/_bacteria">Bacteria strains used in characterization</a></li>
 +
 +
<li><a class="sub_menu_link" id="Wetgallery" href="/Team:Buenos_Aires/_wetgallery">Gallery</a></li>
 +
 +
</ul>
</ul>
</div>
</div>
</li>
</li>
-
 
-
</ul>
 
-
</div>
 
-
</div>
 
-
<!--Here i put all the text that will open with links:-->
 
-
<!--PROJECT-->
+
<!-- Parts -->
 +
<li>
 +
<a id="https://static.igem.org/mediawiki/2013/4/4b/Pepe4.jpg" href="#Parts">Parts</a>
 +
<div class="ac_subitem">
 +
<span class="ac_close"></span>
 +
<h2>Parts</h2>
 +
<ul>
 +
<li>Our biobricks</li>
 +
 +
                                                                <li><a class="sub_menu_link" id="PSub" href="/Team:Buenos_Aires/_tabladepartes">Parts Submitted</a></li>
 +
</ul>
 +
</div>
 +
</li>
 +
<!-- Safety-->
 +
                    <li>
 +
<a id="https://static.igem.org/mediawiki/2013/4/4b/Pepe4.jpg" href="https://docs.google.com/file/d/0B6G1_zuAUVbabDk0dW1XRlNBbUU/edit?usp=sharing">Safety</a>
 +
<div class="ac_subitem">
 +
<span class="ac_close"></span>
 +
<h2>Safety</h2>
 +
<ul>
 +
<li>Safety practices</li>
 +
<li><a class="sub_menu_link" id="Obj" href="http:/Team:Buenos_Aires/_safety">Safety</a></li>
 +
</ul>
 +
</div>
 +
</li>
 +
<!-- Human Practices-->
 +
                    <li>
 +
<a id="https://static.igem.org/mediawiki/2013/4/4b/Pepe4.jpg" href="#Human Practice">Human Practice</a>
 +
<div class="ac_subitem">
 +
<span class="ac_close"></span>
 +
<h2>Human Practice</h2>
 +
<ul>
 +
<li>The social objetive behind the competition</li>
 +
<li><a class="sub_menu_link" id="Obj" href="http:/Team:Buenos_Aires/_mapaarsenico">Sampling water</a></li>
-
<!--Objetive-->
+
<li><a class="sub_menu_link" id="Outreach" href="/Team:Buenos_Aires/_outreach">Community Outreach</a></li>
-
<!-- <iframe class="restricted" id="textObj" scrolling="no"-->
+
-
<div class="text_loading"></div>
+
-
<div class="texto" id="textExt"> Hola
+
-
</div>
 
-
<!-- <div class="texto" id="textObj"> -->
+
</ul>
-
<!-- <H1>Objectives</H1>-->
+
</div>
-
<!-- <p> The project will focus on the <b>development of a specific water biosensor </b>, but with a modular and scalable approach. Thereby you could easily afford multiple measurements with the very same device.</p>-->
+
</li>
-
<!-- <p>The device will be designed in a way that its collected data will be easily accessible via a web interface, and later it could be transferred to the relevant agencies upon request. </p>-->
+
<!-- References -->
 +
                    <li>
 +
<a id="https://static.igem.org/mediawiki/2013/4/4b/Pepe4.jpg" href="#References">References</a>
 +
<div class="ac_subitem">
 +
<span class="ac_close"></span>
 +
<h2>References</h2>
 +
<ul>
 +
                                                                <li>Our inspiration</li>
 +
                                                         
 +
<li><a class="sub_menu_link" id="Ref" href="/Team:Buenos_Aires/_references">References</a></li>
 +
</ul>
 +
</div>
 +
</li>
-
<!-- <p> At the end of this project we expect to have a prototype of measuring device and a diagram of a system for the distribution, collection and centralization of data. </p> -->
+
<!-- Attribution -->
 +
                    <li>
 +
<a id="https://static.igem.org/mediawiki/2013/4/4b/Pepe4.jpg" href="#Attribution">Attributions</a>
 +
<div class="ac_subitem">
 +
<span class="ac_close"></span>
 +
<h2>Attribution</h2>
 +
<ul>
 +
                                                                <li>Attributions, acknowledgments and sponsors</li>
 +
                                                         
 +
<li><a class="sub_menu_link" id="Ref" href="/Team:Buenos_Aires/_attribution">Attributions</a></li>
 +
<li><a class="sub_menu_link" id="Ref" href="/Team:Buenos_Aires/_acknowledgment">Acknowledgments</a></li>
 +
<li><a class="sub_menu_link" id="Ref" href="/Team:Buenos_Aires/_sponsors">Sponsors</a></li>
-
<!-- <p> The project will focus on the measurement of a primary pollutant: <b> arsenic </b>. However, its <b>modular and scalable design</b> provides an easy way for incorporate various contaminants already identified, such as nitrate / nitrite, lead and hydrocarbons. </p>-->
+
</ul>
-
<!-- -->
+
</div>
-
<!-- <p>With the data collected is expected that <b>any user with minimal training</b> (image-based Instruction) can easily and quickly determine the <b>presence and level of the contaminant</b> on his water consumption. Also with the systematic use of this tool by the enforcement authorities, can implement specific public policies based on current and reliable information.</p>-->
+
</li>  
-
<!-- </div>-->
+
<!-- Contact us -->
 +
                    <li>
 +
<a id="https://static.igem.org/mediawiki/2013/4/4b/Pepe4.jpg" href="#Contact">Contact</a>
 +
<div class="ac_subitem">
 +
<span class="ac_close"></span>
 +
<h2>Contact us</h2>
 +
<ul>
 +
                                                                <li>Our facebook, website and email</li>
 +
                                                         
 +
<li><a class="sub_menu_link" id="Ref" href="/Team:Buenos_Aires/_contact">Contact</a></li>
 +
</ul>
 +
</div>
 +
</li>  
-
<!--Moti-->
+
<!-- Media -->
 +
                    <li>
 +
<a id="https://static.igem.org/mediawiki/2013/4/4b/Pepe4.jpg" href="#Media">Media</a>
 +
<div class="ac_subitem">
 +
<span class="ac_close"></span>
 +
<h2>Press</h2>
 +
<ul>
 +
                                                                <li>Our team in local media</li>
 +
                                                         
 +
<li><a class="sub_menu_link" id="Ref" href="/Team:Buenos_Aires/_media">Media</a></li>
 +
</ul>
 +
</div>
 +
</li>
 +
 +
</ul>
 +
</div>
 +
</div>
-
<!-- <div class="texto" id="textMot"> -->
 
-
<!-- <H1>Motivation</H1>-->
 
-
<!-- <p>Limited access to clean water is a deep problem and <b>tends to worsen with time</b>. The pollution that converts water in non-drinkable can vary from just a single toxic (eg arsenic) to a highly complex mixture of types of substances such as those found in various river basins (eg Sali-Dulce, Matanza-Riachuelo among others).</p> -->
 
-
<!-- <p>Depending on the type of contamination (complexity and abundance),  making  the water to be drinkable could be <b>easy and inexpensive</b>. Even if it weren't possible to make it drinkable, information on pollutant levels could be easily used to modify consumption patterns and seek alternative sources of water.</p>-->
 
-
<!-- <p>At present, the spatial and temporal quantification of contaminants is limited by the difficulty in processing the samples and associated costs. Moreover, the lack of centralization and systematization of data does the task of obtain them by decision makers, stakeholders and the general public, very difficult.</p>  -->
 
-
<!-- </div>-->
+
<!--Here i put all the text that will open with links:-->
-
<!-- <div class="texto" id="textApp"> Apli </div>-->
+
<!--PROJECT-->
-
<!--RESULTS-->
+
<!--Objetive-->
 +
<!-- <iframe class="restricted" id="textObj" scrolling="no"-->
 +
<div class="text_loading"> Loading... </div>
 +
<div class="texto" id="textExt"> Hola
-
 
+
</div>
-
<!--TEAM-->
+
Line 171: Line 306:
<script type="text/javascript" src="http://jquery-swip.googlecode.com/svn-history/r4/trunk/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="http://jquery-swip.googlecode.com/svn-history/r4/trunk/jquery.easing.1.3.js"></script>
-
     <script src="https://2013.igem.org/Team:Buenos_Aires/css/jquery.pageslide.js?action=raw&ctype=text/js"></script>
+
      
 +
 
 +
 
 +
<!--Hace girar las bacterias cuando se pone el mouse arriba-->
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
  $(".swing").hover(function(){
 +
    $(".swing").css('-moz-transform', 'rotate(360deg)');
 +
    $(".swing").css('-webkit-transform', 'rotate(360deg)');
 +
    $(".swing").css('-o-transform', 'rotate(360deg)');
 +
    $(".swing").css('-ms-transform', 'rotate(360deg)');
 +
    },function(){
 +
    $(".swing").css('-moz-transform', 'rotate(-360deg)');
 +
    $(".swing").css('-webkit-transform', 'rotate(-360deg)');
 +
    $(".swing").css('-o-transform', 'rotate(-360deg)');
 +
    $(".swing").css('-ms-transform', 'rotate(-360deg)');
 +
  });
 +
});
 +
</script>
 +
 
 +
 
 +
 
Line 196: Line 352:
*/
*/
$menuItems.each(function(i) {
$menuItems.each(function(i) {
-
$ItemImages.push($(this).children('a:first').attr('href'));
+
$ItemImages.push($(this).children('a:first').attr('id'));
});
});
$ItemImages.push($ac_bgimage.attr('src'));
$ItemImages.push($ac_bgimage.attr('src'));
Line 243: Line 399:
slideOutMenu = function() {
slideOutMenu = function() {
/* calculate new width for the menu */
/* calculate new width for the menu */
-
var new_w = $(window).width() - $title.outerWidth(true);
+
if($("#contenedor").width() > 1100){
 +
var new_w = $("#contenedor").width() - $title.outerWidth(true) - 15;
 +
} else {
 +
var new_w = 1024 - $title.outerWidth(true) - 15;
 +
}
 +
$(".texto").css('width', new_w - 130 + 'px');
 +
/* All links blank */
 +
$("a").css('color', '#FFF');
return $.Deferred(
return $.Deferred(
function(dfd) {
function(dfd) {
Line 291: Line 454:
var $item = $(this), // the <li>
var $item = $(this), // the <li>
$el_title = $item.children('a:first'),
$el_title = $item.children('a:first'),
-
el_image = $el_title.attr('href'),
+
el_image = $el_title.attr('id'),
$sub_menu = $item.find('.ac_subitem'),
$sub_menu = $item.find('.ac_subitem'),
$ac_close = $sub_menu.find('.ac_close');
$ac_close = $sub_menu.find('.ac_close');
$text_loading = $('.text_loading');
$text_loading = $('.text_loading');
 +
 +
if(i==0){
 +
openSubMenu($item, $sub_menu, el_image);
 +
loadText($("#Summary"));
 +
}
 +
 +
                                   
 +
Line 300: Line 471:
/* user clicks one item : appetizers | main course | desserts | wines | specials */
/* user clicks one item : appetizers | main course | desserts | wines | specials */
$el_title.bind('click.Menu', function(e) {
$el_title.bind('click.Menu', function(e) {
-
$.when(toggleMenuItems('down')).done(function(){
+
 +
/* Menu Items doesnt disappear when link cliked */
 +
$(".ac_subitem").css("height", "0px");
 +
$(".ac_subitem").css("border", "none");
 +
/* all other text display is none*/
 +
$('.texto').css({opacity: '0.0', display: 'none'});
 +
/* Mark other links as blank */
 +
$(".ac_content a").css('color', '#FFF');
 +
/* Current link in black */
 +
$el_title.css('color', '#000');
 +
 +
 +
//$.when(toggleMenuItems('down')).done(function(){
openSubMenu($item, $sub_menu, el_image);
openSubMenu($item, $sub_menu, el_image);
-
});
+
 
 +
 
 +
                                                                        loadText($sub_menu.find('.sub_menu_link'));
 +
 
 +
 
 +
 
 +
//});
return false;
return false;
Line 310: Line 499:
toggleMenuItems('up');
toggleMenuItems('up');
$(".ac_subitem").css("height", "0px");
$(".ac_subitem").css("height", "0px");
 +
$(".ac_subitem").css("border", "none");
/* 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'});
Line 319: Line 509:
$(".sub_menu_link").bind('click.Menu', function(){
$(".sub_menu_link").bind('click.Menu', function(){
 +
loadText(this);
loadText(this);
 +
return false;
return false;
});
});
-
 
-
 
-
 
});
});
Line 333: Line 522:
loadText = function(link) {
loadText = function(link) {
-
 
+
$(".ac_subitem a").css('color', '#FFF');
/* Change opacity for later animatation*/
/* Change opacity for later animatation*/
-
$('.texto').css({opacity:'0.0'});
+
$('.texto').css({opacity:'0.2'});
 +
                                              // $('.texto').css({display: 'none'});
 +
$(link).css('color', '#000');
new_link = $(link).attr('href')+ " #external";
new_link = $(link).attr('href')+ " #external";
-
 
+
                                                $text_loading.appendTo('#Contenedor');
$text_loading.show();
$text_loading.show();
Line 346: Line 537:
/*show external div in textExt*/
/*show external div in textExt*/
$('#textExt').css({display: 'block'});
$('#textExt').css({display: 'block'});
 +
                                                       
$('#textExt').stop()
$('#textExt').stop()
.animate({opacity: '1'}, 1400, function(){});  
.animate({opacity: '1'}, 1400, function(){});  
 +
                                                      /*('#textExt').                                                  animate({scrollTop: $('#textExt').offset().top -100 }, 'slow');*/
 +
 +
 +
                                                       
/*Bind function recursivily in the links of the external*/
/*Bind function recursivily in the links of the external*/
                                                         $('.texto a').css({color:"#68A"});
                                                         $('.texto a').css({color:"#68A"});
-
$('.texto a').bind('click.Menu', function(){
+
 
 +
 
 +
 
 +
cargar();
 +
 +
 
 +
 
 +
$('#external #inwiki a').bind('click.Menu', function(){
loadText(this);
loadText(this);
return false;
return false;
});
});
 +
 +
});
});
 +
 +
},
},
 +
 +
/* Carga una función javascript cuando abro un external link */
 +
cargar =function(){
 +
  $.getScript('https://2013.igem.org/Team:Buenos_Aires/js/external.js?action=raw&ctype=text/javascript', function() {
 +
  externa(); /*In this callback function you can fire the methods/functions defined in the loaded script file.*/
 +
  prueba();
 +
});
 +
},
openSubMenu = function($item, $sub_menu, el_image) {
openSubMenu = function($item, $sub_menu, el_image) {
 +
 +
 +
$sub_menu.appendTo('#contenedor');
$sub_menu.stop()
$sub_menu.stop()
.animate({
.animate({
height : '400px',
height : '400px',
-
marginTop : '-200px'
+
marginTop : '120px'
 +
}, 400, function() {
}, 400, function() {
//the bg image changes
//the bg image changes
 +
$sub_menu.css({border: "solid black"});
showItemImage(el_image);
showItemImage(el_image);
});
});
Line 394: Line 614:
adjustImageSize($ac_bgimage);
adjustImageSize($ac_bgimage);
/* calculate new width for the menu */
/* calculate new width for the menu */
-
var new_w = $(window).width() - $title.outerWidth(true);
+
var new_w = $("#contenedor").width() - $title.outerWidth(true) - 15;
$menu.css('width', new_w + 'px');
$menu.css('width', new_w + 'px');
 +
                            $(".texto").css('width', new_w - 130 + 'px');
 +
                                                       
});
});
},
},
/* makes an image "fullscreen" and centered */
/* makes an image "fullscreen" and centered */
adjustImageSize = function($img) {
adjustImageSize = function($img) {
-
var w_w = $(window).width(),
 
-
w_h = $(window).height(),
 
-
r_w = w_h / w_w,
 
-
i_w = $img.width(),
 
-
i_h = $img.height(),
 
-
r_i = i_h / i_w,
 
-
new_w,new_h,
 
-
new_left,new_top;
 
-
 
-
if(r_w > r_i){
 
-
new_h = w_h;
 
-
new_w = w_h / r_i;
 
-
}
 
-
else{
 
-
new_h = w_w * r_i;
 
-
new_w = w_w;
 
-
}
 
$img.css({
$img.css({
-
width : new_w + 'px',
+
width : $(window).width + 'px',
-
height : new_h + 'px',
+
height : $(window).height + 'px',
});
});

Latest revision as of 14:56, 28 October 2013

iGem Buenos Aires

Background
Loading...

Buenos Aires

Loading...
Hola

Retrieved from "http://2013.igem.org/Team:Buenos_Aires"