Team:Buenos Aires

From 2013.igem.org

(Difference between revisions)
 
(159 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_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_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 -->
Line 51: 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/6/66/Bg_bact1.jpg" alt="Background"/>
+
 
 +
 
 +
<img class="ac_bgimage" src="https://static.igem.org/mediawiki/2013/0/0f/Fondopepe.jpg" alt="Background"/>
<div class="ac_loading"> Loading...</div>
<div class="ac_loading"> Loading...</div>
</div>
</div>
Line 60: Line 69:
<div id="ac_content" class="ac_content">
<div id="ac_content" class="ac_content">
 +
 +
<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>
<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>
Line 65: Line 76:
<ul>
<ul>
-
<!-- Wiki Tour -->
+
<!-- Wiki Overview -->
    <li>
    <li>
-
<a id="https://static.igem.org/mediawiki/2013/4/4e/Bg_bact2.jpg" href="#Tour">Tour</a>
+
<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 the guided wiki tour!</li>
+
<li>Here you can find a brief introduction to our project</li>
-
                                                                 <li><a class="sub_menu_link" id="Tour" href="/Team:Buenos_Aires/_tour-project">Tour</a></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>
Line 79: Line 93:
<!-- Team -->
<!-- Team -->
<li>
<li>
-
<a id="https://static.igem.org/mediawiki/2013/9/9a/Bg_bact3.jpg" href="#Team">Team</a>
+
<a id="https://static.igem.org/mediawiki/2013/b/ba/Pepe1.jpg" href="#Team">Team</a>
<div class="ac_subitem">
<div class="ac_subitem">
<span class="ac_close"></span>
<span class="ac_close"></span>
Line 96: Line 110:
<li>
<li>
-
<a id="https://static.igem.org/mediawiki/2013/e/e3/Bg_bact4.jpg" href="#Project">Project</a>
+
<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 103: 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="/Team:Buenos_Aires/_abstract">Abstract</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="Mot" href="/Team:Buenos_Aires/_motivation">Motivation</a></li>
-
<li><a class="sub_menu_link" id="App" href="/Team:Buenos_Aires/_appliation">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="Sensor" href="/Team:Buenos_Aires/_sensor">The Sensor</a></li>
+
<li><a class="sub_menu_link" id="Pysical" href="/Team:Buenos_Aires/_device">Physical Design</a></li>
-
<li><a class="sub_menu_link" id="Reporter" href="/Team:Buenos_Aires/_reporter">The Reporter</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-->
<!-- Results-->
<li>
<li>
-
<a id="https://static.igem.org/mediawiki/2013/d/d0/Bg_bact5.jpg" href="#Results">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="Obj" href="/Team:Buenos_Aires/_results">Results</a></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>
 +
<a id="https://static.igem.org/mediawiki/2013/4/4b/Pepe4.jpg" href="#Lab">Lab</a>
 +
<div class="ac_subitem">
 +
<span class="ac_close"></span>
 +
<h2>Lab</h2>
 +
<ul>
 +
<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>
 +
</div>
 +
</li>
 +
 +
 +
<!-- Parts -->
<!-- Parts -->
<li>
<li>
-
<a id="https://static.igem.org/mediawiki/2013/8/8f/Bg_bact6.jpg" href="#Parts">Parts</a>
+
<a id="https://static.igem.org/mediawiki/2013/4/4b/Pepe4.jpg" href="#Parts">Parts</a>
<div class="ac_subitem">
<div class="ac_subitem">
<span class="ac_close"></span>
<span class="ac_close"></span>
Line 131: Line 189:
<ul>
<ul>
<li>Our biobricks</li>
<li>Our biobricks</li>
-
<li><a class="sub_menu_link" id="Obj" href="/Team:Buenos_Aires/_parts">Parts</a></li>
+
 +
                                                                <li><a class="sub_menu_link" id="PSub" href="/Team:Buenos_Aires/_tabladepartes">Parts Submitted</a></li>
</ul>
</ul>
</div>
</div>
Line 137: Line 196:
<!-- Safety-->
<!-- Safety-->
                     <li>
                     <li>
-
<a id="https://static.igem.org/mediawiki/2013/8/8f/Bg_bact6.jpg" href="#Safety">Safety</a>
+
<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">
<div class="ac_subitem">
<span class="ac_close"></span>
<span class="ac_close"></span>
Line 143: Line 202:
<ul>
<ul>
<li>Safety practices</li>
<li>Safety practices</li>
-
<li><a class="sub_menu_link" id="Obj" href="/Team:Buenos_Aires/_safety">Safety</a></li>
+
<li><a class="sub_menu_link" id="Obj" href="http:/Team:Buenos_Aires/_safety">Safety</a></li>
</ul>
</ul>
</div>
</div>
Line 149: Line 208:
<!-- Human Practices-->
<!-- Human Practices-->
                     <li>
                     <li>
-
<a id="https://static.igem.org/mediawiki/2013/8/8f/Bg_bact6.jpg" href="#Human Practice">Human Practice</a>
+
<a id="https://static.igem.org/mediawiki/2013/4/4b/Pepe4.jpg" href="#Human Practice">Human Practice</a>
<div class="ac_subitem">
<div class="ac_subitem">
<span class="ac_close"></span>
<span class="ac_close"></span>
Line 155: Line 214:
<ul>
<ul>
<li>The social objetive behind the competition</li>
<li>The social objetive behind the competition</li>
-
<li><a class="sub_menu_link" id="Obj" href="/Team:Buenos_Aires/_humanpractice">Human Practice</a></li>
+
<li><a class="sub_menu_link" id="Obj" href="http:/Team:Buenos_Aires/_mapaarsenico">Sampling water</a></li>
 +
 
 +
<li><a class="sub_menu_link" id="Outreach" href="/Team:Buenos_Aires/_outreach">Community Outreach</a></li>
 +
 
 +
 
</ul>
</ul>
</div>
</div>
</li>
</li>
 +
 +
<!-- References -->
                     <li>
                     <li>
-
<a id="https://static.igem.org/mediawiki/2013/8/8f/Bg_bact6.jpg" href="#References">References</a>
+
<a id="https://static.igem.org/mediawiki/2013/4/4b/Pepe4.jpg" href="#References">References</a>
<div class="ac_subitem">
<div class="ac_subitem">
<span class="ac_close"></span>
<span class="ac_close"></span>
Line 171: Line 236:
</div>
</div>
</li>
</li>
 +
 +
<!-- Attribution -->
                     <li>
                     <li>
-
<a id="https://static.igem.org/mediawiki/2013/8/8f/Bg_bact6.jpg" href="#Sponsors">Sponsors</a>
+
<a id="https://static.igem.org/mediawiki/2013/4/4b/Pepe4.jpg" href="#Attribution">Attributions</a>
<div class="ac_subitem">
<div class="ac_subitem">
<span class="ac_close"></span>
<span class="ac_close"></span>
-
<h2>Sponsors</h2>
+
<h2>Attribution</h2>
<ul>
<ul>
-
<li>Who supports our project</li>
+
                                                                <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>
 +
 
 +
</ul>
 +
</div>
 +
</li>
 +
 
 +
<!-- 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>
 +
 
 +
<!-- 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>
</ul>
</div>
</div>
-
</li>
+
</li>  
</ul>
</ul>
Line 260: Line 360:
var init = function() {
var init = function() {
loadPage();
loadPage();
-
//initWindowEvent();
+
initWindowEvent();
},
},
loadPage = function() {
loadPage = function() {
Line 299: Line 399:
slideOutMenu = function() {
slideOutMenu = function() {
/* calculate new width for the menu */
/* calculate new width for the menu */
-
var new_w = 1024 - $title.outerWidth(true) - 15;
+
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 */
/* All links blank */
$("a").css('color', '#FFF');
$("a").css('color', '#FFF');
Line 353: Line 458:
$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 363: Line 476:
$(".ac_subitem").css("border", "none");
$(".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'});
/* Mark other links as blank */
/* Mark other links as blank */
$(".ac_content a").css('color', '#FFF');
$(".ac_content a").css('color', '#FFF');
Line 372: Line 485:
//$.when(toggleMenuItems('down')).done(function(){
//$.when(toggleMenuItems('down')).done(function(){
openSubMenu($item, $sub_menu, el_image);
openSubMenu($item, $sub_menu, el_image);
 +
 +
 +
                                                                        loadText($sub_menu.find('.sub_menu_link'));
 +
 +
 +
//});
//});
Line 390: Line 509:
$(".sub_menu_link").bind('click.Menu', function(){
$(".sub_menu_link").bind('click.Menu', function(){
 +
loadText(this);
loadText(this);
Line 395: Line 515:
});
});
-
 
-
 
-
 
});
});
Line 420: 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"});
 +
 +
cargar();
cargar();
-
$('.texto a').bind('click.Menu', function(){
+
 +
 
 +
 
 +
$('#external #inwiki a').bind('click.Menu', function(){
loadText(this);
loadText(this);
return false;
return false;
});
});
 +
 +
});
});
 +
 +
Line 445: Line 576:
openSubMenu = function($item, $sub_menu, el_image) {
openSubMenu = function($item, $sub_menu, el_image) {
 +
$sub_menu.appendTo('#contenedor');
$sub_menu.appendTo('#contenedor');
$sub_menu.stop()
$sub_menu.stop()
.animate({
.animate({
-
height : '480px',
+
height : '400px',
marginTop : '120px'
marginTop : '120px'
Line 482: 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');
 +
                                                       
});
});
},
},
Line 490: Line 624:
$img.css({
$img.css({
-
width : 1024 + 'px',
+
width : $(window).width + 'px',
height : $(window).height + 'px',
height : $(window).height + 'px',

Latest revision as of 14:56, 28 October 2013

iGem Buenos Aires

Background
Loading...

Buenos Aires

Loading...
Hola