Team:BIOSINT Mexico

From 2014.igem.org

(Difference between revisions)
 
(244 intermediate revisions not shown)
Line 1: Line 1:
-
{{Team:BIOSINT_Mexico/CSS}}
+
{{:Team:BIOSINT_Mexico/Header2}}
<html>
<html>
-
<title>BIOSINT_Mexico 2014</title>
+
  <style>
-
        </head>  
+
-
        </head>
+
-
<body>
+
-
<!--main content -->
+
iframe{
-
+
position:relative;
-
<!--navigation menu -->
+
top:-200px;
-
<td align="center" colspan="3">
+
}
-
<table  width="100%">
+
.counter{
-
<tr heigth="15px"></tr>
+
position: absolute;
-
<tr heigth="75px">
+
top: 900px;
 +
}
 +
.figure {
 +
z-index: 1;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
 
-
<a href="https://2014.igem.org/Team:BIOSINT_Mexico"style="color:#000000">Home </a> </td>
 
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.figurear {
-
<a href="https://2014.igem.org/Team:BIOSINT_Mexico/Team"style="color:#000000"> Team </a> </td>
+
position: relative;
 +
left: 280px;
 +
top: -300px;
 +
z-index: 2;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.figuremer {
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=BIOSINT_Mexico"style="color:#000000"> Official Team Profile </a></td>
+
position: relative;
 +
left: -300px;
 +
top: -580px;
 +
z-index: 3;
 +
}
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
 
-
<a href="https://2014.igem.org/Team:BIOSINT_Mexico/Project"style="color:#000000"> Project</a></td>
 
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.boxed {
-
<a href="https://2014.igem.org/Team:BIOSINT_Mexico/Parts"style="color:#000000"> Parts</a></td>
+
margin-left: 45%;
 +
top: -470px;
 +
position: relative;
 +
background: transparent;
 +
width: 550px;
 +
height: 250px;
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
}
-
<a href="https://2014.igem.org/Team:BIOSINT_Mexico/Modeling"style="color:#000000"> Modeling</a></td>
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
 
-
<a href="https://2014.igem.org/Team:BIOSINT_Mexico/Notebook"style="color:#000000"> Notebook</a></td>
 
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.chassis{
-
<a href="https://2014.igem.org/Team:BIOSINT_Mexico/Safety"style=" color:#000000"> Safety </a></td>
+
position: absolute;
 +
left: 80px;
 +
top: 650px;
 +
z-index: 7;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href="https://2014.igem.org/Team:BIOSINT_Mexico/Attributions"style="color:#000000"> Attributions </a></td>
 
 +
.bioacum{
 +
position: absolute;
 +
left: 80px;
 +
top: 870px;
 +
z-index: 7;
 +
}
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
 
-
</tr>
 
-
</table>
 
-
<!--end navigation menu -->
 
-
</tr>
 
 +
.redlight{
 +
position: absolute;
 +
left: 280px;
 +
top: 870px;
 +
z-index: 7;
 +
}
 +
 +
.sensor{
 +
position: absolute;
 +
left: 280px;
 +
top: 650px;
 +
z-index: 7;}
 +
 +
 +
.hovergallery img{
 +
-webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/
 +
-moz-transform:scale(0.8); /*Mozilla scale version*/
 +
-o-transform:scale(0.8); /*Opera scale version*/
 +
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
 +
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
 +
-o-transition-duration: 0.5s; /*Opera duration version*/
 +
opacity: 0.7; /*initial opacity of images*/
 +
margin: 0 10px 5px 0; /*margin between images*/
 +
}
 +
 +
.hovergallery img:hover{
 +
-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
 +
-moz-transform:scale(1.1); /*Mozilla scale version*/
 +
-o-transform:scale(1.1); /*Opera scale version*/
 +
opacity: 1;
 +
}
 +
 +
.humanpractices{
 +
position: absolute;
 +
top:1680px;
 +
left:60px;
 +
height:250px;
 +
}
 +
.notebook{
 +
position: absolute;
 +
top:1660px;
 +
left:510px;
 +
height:250px;
 +
}
 +
 +
.team{
 +
position: absolute;
 +
top:1670px;
 +
left:340px;
 +
height:250px;
 +
}
 +
 +
.achievements{
 +
position: absolute;
 +
top:1675px;
 +
left:750px;
 +
height:230px;
 +
}
 +
 +
.biosafety{
 +
position: relative;
 +
top:70px;
 +
left:0px;
 +
height:280px;
 +
}
 +
 +
/*B&W*/
 +
.bw {-webkit-filter: grayscale(100%);
 +
-webkit-transition: all 1s ease;
 +
    -moz-transition: all 1s ease;
 +
      -o-transition: all 1s ease;
 +
      -ms-transition: all 1s ease;
 +
          transition: all 1s ease;
 +
}
-
</tr>
 
   
   
 +
.bw:hover{-webkit-filter: grayscale(0%)
 +
}
 +
 
 +
 +
</style>
 +
<body>
 +
<div style="clear: both;"></div>
 +
<div class="figure">
 +
<center>
 +
<img id="Fondohome" src="https://static.igem.org/mediawiki/2014/2/28/Fondohome.png" widht="230" height="600"/>
 +
</center>
 +
</div>
 +
<div class="figurear">
 +
<center>
 +
<a href="https://2014.igem.org/Team:BIOSINT_Mexico/Project"><img id="Fondohome" src="https://static.igem.org/mediawiki/2014/6/61/Lucharabidopsis.png" widht="100" height="200"/></a>
 +
</center>
 +
</div>
-
</td>
+
<div class="figuremer" >
 +
<center>
 +
<a href="https://2014.igem.org/Team:BIOSINT_Mexico/overview" ><img id="Fondohome" src="https://static.igem.org/mediawiki/2014/c/cf/Luchamer.png" widht="120" height="300"/></a>
 +
</center></div>
-
<tr> <td colspan="3" height="15px"> </td></tr>
+
<div style="clear: both;"></div>
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
 +
<div class="boxed" style="font-size:18px;color:black; font-family: 'Francois One', sans-serif; line-height: 1.4em;"  >
 +
<center>
 +
<h1> GREEN DEMON </h1>
-
<!--requirements section -->
+
  <p align="justify">In Mexico and around the world there is an urgent need to implement measures to reduce heavy metal soil pollution. Different treatments have been used including in situ and ex situ, which have proven extremely expensive and impractical for large scale areas. For this project we have designed a modular system, plastic and ready to incorporate to A. thaliana; in order to extract the metals, in particular mercury, from the soil and convert it into a less reactive species. The final challenge is to develop a measurable, specific, effective, safe and low-cost treatment for large areas of contaminated soil.</p>
-
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
+
</center>
-
<tr>
+
</div>
-
<td width="45%"  valign="top">  
+
-
<p> Please be sure to keep these links, your audience will want to find your: </p>
+
<div style="clear: both;"></div>
-
<!-- Links to other team pages -->
+
<div class="hovergallery">
-
<ul>
+
<center>
-
<li><a href="https://2014.igem.org/Team:BIOSINT_Mexico">Home</a> </li>
+
<a href="https://2014.igem.org/Team:BIOSINT_Mexico/Chassis" ><img class="chassis" src="http://i1369.photobucket.com/albums/ag216/lmistrange/CHASSIS_zps4a1c7e44.png" widht="330" height="220"/></a>
-
<li><a href="https://2014.igem.org/Team:BIOSINT_Mexico/Team">Team</a> </li>
+
</center>
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=BIOSINT_Mexico">Official Team Profile</a> </li>
+
</div>
-
<li><a href="https://2014.igem.org/Team:BIOSINT_Mexico/Project">Project</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:BIOSINT_Mexico/Parts">Parts</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:BIOSINT_Mexico/Modeling">Modeling</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:BIOSINT_Mexico/Notebook">Notebook</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:BIOSINT_Mexico/Safety">Safety</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:BIOSINT_Mexico/Attributions">Attributions</a> </li>
+
-
</ul>
+
<div style="clear: both;"></div>
-
</td>
+
<div class="hovergallery">
 +
<center>
 +
<a href="https://2014.igem.org/Team:BIOSINT_Mexico/Bioaccumulation" ><img class="bioacum" src="http://i1369.photobucket.com/albums/ag216/lmistrange/BIOACCUMULATION_zps63cad4d2.png" widht="300" height="220"/></a>
 +
</center>
 +
</div>
-
<td > </td>
+
<div style="clear: both;"></div>
-
<td width="45%">
+
-
<p>There are a few wiki requirements teams must follow:</p>
+
<div class="hovergallery">
-
<ul>
+
<center>
-
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload"> 2014.igem.org server</a>. </li>
+
<a href="https://2014.igem.org/Team:BIOSINT_Mexico/Sensor" ><img class="sensor" src="http://i1369.photobucket.com/albums/ag216/lmistrange/SENSOR2_zpsf930ae44.png" widht="300" height="220"/></a>
-
<li>All pages must be created under the team’s name space.</li>
+
</center>
-
<li>As part of your documentation, keep the links from the menu to the left. </li>
+
</div>
-
<li>Do not use flash in wiki code. </li>
+
-
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li>
+
-
</ul>
+
-
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p>
+
-
</td>
+
<div style="clear: both;"></div>
-
</tr>
+
 +
<div class="hovergallery">
 +
<center>
 +
<a href="https://2014.igem.org/Team:BIOSINT_Mexico/Switch" ><img class="redlight" src="http://i1369.photobucket.com/albums/ag216/lmistrange/REDLIGHT_zps414e8dbd.png" widht="300" height="240"/></a>
 +
</center>
 +
</div>
-
<tr> <td colspan="3" height="15px"> </td></tr>
+
<center>
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
+
<iframe width="853" height="480" src="//www.youtube.com/embed/bTZQVOTA4WQ?rel=0" frameborder="0" allowfullscreen></iframe>
 +
</center>
 +
<div class="bw pic">
 +
<center>
 +
<a href="https://2014.igem.org/Team:BIOSINT_Mexico/Policyandpractices"><img class="humanpractices" src="https://static.igem.org/mediawiki/2014/5/57/POLICY_AND_PRACTICES2a.png">
 +
</a>
 +
</center>
 +
</div>
-
<!--tips  -->
+
<div class="bw pic">
-
<tr><td colspan="3" > <h3> Tips  </h3></td></tr>
+
<center>
 +
<a href="https://2014.igem.org/Team:BIOSINT_Mexico/notebook"><img class="notebook" src="https://static.igem.org/mediawiki/2014/6/69/BSMexNotebook.png">
 +
</a>
 +
</center>
 +
</div>
-
<tr>
+
<div class="bw pic">
-
<td width="45%" valign="top">  
+
<center>
-
<p>We are currently working on providing teams with some easy to use design templates.
+
<a href="https://2014.igem.org/Team:BIOSINT_Mexico/team"><img class="team" src="https://static.igem.org/mediawiki/2014/7/71/BSMexTeam1.png">
-
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p>
+
</a>
 +
</center>
 +
</div>
-
<ul>
+
<div class="bw pic">
-
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li>
+
<center>
-
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li>
+
<a href="https://2014.igem.org/Team:BIOSINT_Mexico/Achievements"><img class="achievements" src="https://static.igem.org/mediawiki/2014/1/1a/BSMexAchievements.png">
-
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li>
+
</a>
-
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li>
+
</center>
-
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li>
+
</div>
-
</ul>
+
-
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a> lists. </p>
+
<div class="bw pic">
-
</td>
+
<center>
 +
<a href="https://2014.igem.org/Team:BIOSINT_Mexico/safety"><img class="biosafety" src="https://static.igem.org/mediawiki/2014/a/ab/BSMexBiosafety.png">
 +
</a>
 +
</center>
 +
</div>
-
<td> </td>
+
<div style="position:relative; height: 100px">
-
<td width="45%">  
+
-
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
</body>
 +
</html>
-
<ul>
+
<br>
-
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
<br>
-
<li>Be clear about what you are doing and what you plan to do.</li>
+
[[/2015]]
-
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
-
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
-
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
-
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="">iGEM 2013 calendar</a> </li>
+
-
<li>Have lots of fun! </li>
+
-
</ul>
+
-
</br>
+
-
</td>
+
-
</tr>
+
-
</table>
+

Latest revision as of 20:04, 1 April 2015

GREEN DEMON

In Mexico and around the world there is an urgent need to implement measures to reduce heavy metal soil pollution. Different treatments have been used including in situ and ex situ, which have proven extremely expensive and impractical for large scale areas. For this project we have designed a modular system, plastic and ready to incorporate to A. thaliana; in order to extract the metals, in particular mercury, from the soil and convert it into a less reactive species. The final challenge is to develop a measurable, specific, effective, safe and low-cost treatment for large areas of contaminated soil.



/2015