Team:Buenos Aires/Pruebas
From 2013.igem.org
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.css?action=raw&ctype=text/css" />--> |
+ | |||
+ | <link rel="stylesheet" type="text/css" rel="stylesheet" href="style.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" /> | ||
Line 62: | Line 64: | ||
<div class="ac_loading"></div> | <div class="ac_loading"></div> | ||
</div> | </div> | ||
+ | |||
+ | |||
+ | |||
<div id="ac_content" class="ac_content"> | <div id="ac_content" class="ac_content"> | ||
+ | |||
<h1><span>Buenos Aires</span>iGem</h1> | <h1><span>Buenos Aires</span>iGem</h1> | ||
<div class="ac_menu"> | <div class="ac_menu"> | ||
Line 74: | Line 80: | ||
<li> We aim to build a quantitative modular Biosensor for detecting | <li> We aim to build a quantitative modular Biosensor for detecting | ||
toxic agents in water</li> | toxic agents in water</li> | ||
- | <li><a | + | <li><a class="sub_menu_link" id="Obj" href="#nada">Objetive</a></li> |
- | <li><a | + | <li><a class="sub_menu_link" id="Mot" href="#nada">Motivation</a></li> |
- | <li><a | + | <li><a class="sub_menu_link" id="App" href="#nada">Application</a></li> |
</ul> | </ul> | ||
</div> | </div> | ||
Line 105: | Line 111: | ||
</div> | </div> | ||
</div> | </div> | ||
- | </div> | + | |
+ | |||
+ | <!--Here i put all the text that will open with links:--> | ||
+ | |||
+ | <!--PROJECT--> | ||
+ | |||
+ | <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>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> 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 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 class="texto" id="textMot"> Moti </div> | ||
+ | |||
+ | <div class="texto" id="textApp"> Apli </div> | ||
+ | |||
+ | <!--RESULTS--> | ||
+ | |||
+ | |||
+ | <!--TEAM--> | ||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
<!-- The JavaScript --> | <!-- The JavaScript --> | ||
Line 234: | Line 271: | ||
$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'); | ||
+ | |||
+ | |||
/* user clicks one item : appetizers | main course | desserts | wines | specials */ | /* user clicks one item : appetizers | main course | desserts | wines | specials */ | ||
Line 244: | Line 283: | ||
/* closes the submenu */ | /* closes the submenu */ | ||
$ac_close.bind('click.Menu', function(e) { | $ac_close.bind('click.Menu', function(e) { | ||
- | |||
toggleMenuItems('up'); | toggleMenuItems('up'); | ||
$(".ac_subitem").css("height", "0px"); | $(".ac_subitem").css("height", "0px"); | ||
+ | /* all other text opacity to 0*/ | ||
+ | $('.texto').css({opacity: '0.0', height: "0px"}); | ||
return false; | return false; | ||
}); | }); | ||
+ | /* open link's text in "texto" class div */ | ||
+ | |||
+ | |||
+ | $(".sub_menu_link").bind('click.Menu', function(e){ | ||
+ | |||
+ | 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; | ||
+ | }); | ||
+ | |||
+ | |||
}); | }); | ||
}, | }, | ||
+ | |||
openSubMenu = function($item, $sub_menu, el_image) { | openSubMenu = function($item, $sub_menu, el_image) { | ||
$sub_menu.stop() | $sub_menu.stop() |
Revision as of 22:10, 29 May 2013
Buenos AiresiGem
Objectives
The project will focus on the development of a specific water biosensor , but with a modular and scalable approach. Thereby you could easily afford multiple measurements with the very same device.
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.
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.
The project will focus on the measurement of a primary pollutant: arsenic . However, its modular and scalable design provides an easy way for incorporate various contaminants already identified, such as nitrate / nitrite, lead and hydrocarbons.
With the data collected is expected that any user with minimal training (image-based Instruction) can easily and quickly determine the presence and level of the contaminant 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.