Team:Buenos Aires/Pruebas

From 2013.igem.org

(Difference between revisions)
 
(63 intermediate revisions not shown)
Line 7: Line 7:
<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" /> <!-- Font -->
-
<link  href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:regular,bold" rel="stylesheet" type="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" />
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:Buenos_Aires/css/jquery.pageslide.css?action=raw&ctype=text/css" />
Line 16: Line 15:
/* Author: Pieter van Boheemen */
/* Author: Pieter van Boheemen */
/* Team: TU Delft */
/* Team: TU Delft */
 +
#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: 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 {width:100%;background-color:transparent; height: 15px; margin: 10px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important;
+
#top-section {display: block;position:fixed; height:3px; width:100%;z-index:999;}
-
padding:0; border: none; font-size: 10px;}
+
#p-logo {display: none;}
-
#p-logo { height:1px; overflow:scroll; display: none;}
+
#search-controls {display: none;}
-
#search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;}
+
#footer-box {display: none;}
-
#footer-box {position:relative; width: 99%; margin: -10px auto 0 auto; padding: 20px 0;}
+
.visualClear { display: none; }
.visualClear { display: none; }
#footer { border: none; width: 100%; margin: 0 auto; padding: 0;}
#footer { border: none; width: 100%; margin: 0 auto; padding: 0;}
Line 30: Line 29:
#f-list a:hover { color: #666;}
#f-list a:hover { color: #666;}
.printfooter { display: none; }
.printfooter { display: none; }
-
#footer ul { margin: 0; padding: 0;}
 
-
#footer ul li { margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0;}
 
#search-controls { display:none; }
#search-controls { display:none; }
h3#siteSub { display: none;}
h3#siteSub { display: none;}
Line 44: Line 41:
h1{
h1{
-
color:#FFF;
 
border:none;
border:none;
}
}
Line 57: 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 71: 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/0/01/B2.jpg/800px-B2.jpg">Project</a>
+
<a href="https://static.igem.org/mediawiki/2013/thumb/b/b3/B4.jpg/800px-B4.jpg">Project</a>
<div class="ac_subitem">
<div class="ac_subitem">
<span class="ac_close"></span>
<span class="ac_close"></span>
<h2>Project</h2>
<h2>Project</h2>
<ul>
<ul>
-
<li> We aim to build a quantitative modular Biosensor for detecting
+
<li> We aim to build a quantitative modular Biosensor for the detection of
-
toxic agents in water</li>
+
toxic pollutants in water</li>
-
<li><a class="sub_menu_link" id="Obj" href="#nada">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 96: Line 103:
</li>
</li>
<li>
<li>
-
<a href="https://static.igem.org/mediawiki/2013/thumb/b/b3/B4.jpg/800px-B4.jpg">Team</a>
+
<a href="https://static.igem.org/mediawiki/2013/thumb/0/01/B2.jpg/800px-B2.jpg">Team</a>
<div class="ac_subitem">
<div class="ac_subitem">
<span class="ac_close"></span>
<span class="ac_close"></span>
Line 102: 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 117: Line 126:
<!--Objetive-->
<!--Objetive-->
 +
<!-- <iframe class="restricted" id="textObj" scrolling="no"-->
 +
<div class="text_loading"></div>
 +
<div class="texto" id="textExt"> Hola
-
<div class="texto" id="textObj">
+
</div>
-
<H1>Objectives</H1>
+
-
<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>
+
-
<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>
+
<!-- <div class="texto" id="textObj"> -->
 +
<!-- <H1>Objectives</H1>-->
 +
<!-- <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>-->
-
<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>  
+
<!-- <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>-->
-
<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>
+
<!-- <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> -->
-
+
 
-
<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>
+
<!-- <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>-->
 +
<!-- -->
 +
<!-- <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>-->
-
</div>
+
<!-- </div>-->
<!--Moti-->
<!--Moti-->
-
<div class="texto" id="textMot">  
+
<!-- <div class="texto" id="textMot"> -->
-
<H1>Motivation</H1>
+
<!-- <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>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>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>   
+
<!-- <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>
+
<!-- </div>-->
-
<div class="texto" id="textApp"> Apli </div>
+
<!-- <div class="texto" id="textApp"> Apli </div>-->
<!--RESULTS-->
<!--RESULTS-->
Line 158: Line 172:
     <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>
-
  <script>
+
 
-
        /* Default pageslide, moves to the right */
+
 
-
        $(".first").pageslide();
+
<!--Para mover a las bacterias-->
-
       
+
<script type="text/javascript">
-
        /* Slide to the left, and make it model (you'll have to call $.pageslide.close() to close) */
+
function beeLeft() {
-
        $(".second").pageslide({ direction: "left", modal: true });
+
    $("#a1").animate({left: "-=50", top: "-=100"}, 4000, "swing", beeRight);
-
    </script>
+
$("#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 172: Line 198:
$ac_bgimage = $ac_background.find('.ac_bgimage'),
$ac_bgimage = $ac_background.find('.ac_bgimage'),
$ac_loading = $ac_background.find('.ac_loading'),
$ac_loading = $ac_background.find('.ac_loading'),
 +
$ac_content = $('#ac_content'),
$ac_content = $('#ac_content'),
Line 205: Line 232:
5- initializes the menu items events
5- initializes the menu items events
*/
*/
 +
$ac_loading.show();//show loading status image
$ac_loading.show();//show loading status image
$.when(loadImages()).done(function(){
$.when(loadImages()).done(function(){
Line 218: Line 246:
});
});
},
},
 +
 +
 +
 +
showBGImage = function() {
showBGImage = function() {
return $.Deferred(
return $.Deferred(
Line 280: Line 312:
$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');
Line 288: Line 321:
openSubMenu($item, $sub_menu, el_image);
openSubMenu($item, $sub_menu, el_image);
});
});
 +
return false;
return false;
});
});
Line 294: Line 328:
toggleMenuItems('up');
toggleMenuItems('up');
$(".ac_subitem").css("height", "0px");
$(".ac_subitem").css("height", "0px");
-
/* all other text opacity to 0*/
+
/* all other text display is none*/
-
$('.texto').css({opacity: '0.0', height: "0px"});
+
$('.texto').css({opacity: '0.0', display: 'none'});
 +
return false;
return false;
});
});
Line 301: 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' + currentId).css({display: 'block'});
+
-
$('#text' + currentId).stop()
+
-
.animate({opacity: '0.8'}, 1400, function(){});
+
-
 
+
return false;
return false;
 +
});
});
 +
 +
});
});
 +
},
 +
 +
 +
loadText = function(link) {
 +
 +
 +
/* Change opacity for later animatation*/
 +
$('.texto').css({opacity:'0.0'});
 +
 +
new_link = $(link).attr('href')+ " #external";
 +
 +
$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