Team:BIOSINT Mexico

From 2014.igem.org

(Difference between revisions)
 
(90 intermediate revisions not shown)
Line 5: Line 5:
 +
iframe{
 +
position:relative;
 +
top:-200px;
 +
}
 +
 +
.counter{
 +
position: absolute;
 +
top: 900px;
 +
}
.figure {
.figure {
Line 27: Line 36:
.boxed {
.boxed {
-
left: 100px;
+
margin-left: 45%;
-
top: -450px;
+
top: -470px;
position: relative;
position: relative;
-
background: rgba(34,139,34,.5);
+
background: transparent;
-
  border: 33px solid rgba(34,139,34,.1);
+
width: 550px;
-
width: 800px;
+
height: 250px;
-
height: 170px;
+
}
}
Line 39: Line 47:
.chassis{
.chassis{
-
position: relative;
+
position: absolute;
-
left: -340px;
+
left: 80px;
-
top: -400px;
+
top: 650px;
-
z-index: 4;
+
z-index: 7;
}
}
.bioacum{
.bioacum{
-
position: relative;
+
position: absolute;
-
left: -115px;
+
left: 80px;
-
top: -620px;
+
top: 870px;
-
z-index: 5;
+
z-index: 7;
}
}
Line 56: Line 64:
.redlight{
.redlight{
-
position: relative;
+
position: absolute;
-
left: 105px;
+
left: 280px;
-
top: -1060px;
+
top: 870px;
-
z-index: 6;
+
z-index: 7;
}
}
.sensor{
.sensor{
-
position: relative;
+
position: absolute;
-
left: 325px;
+
left: 280px;
-
top: -840px;
+
top: 650px;
z-index: 7;}
z-index: 7;}
-
.video-container {
+
.hovergallery img{
-
    position: relative;
+
-webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/
-
    padding-bottom: 56.25%;
+
-moz-transform:scale(0.8); /*Mozilla scale version*/
-
    padding-top: 30px; height: 0; overflow: hidden;
+
-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*/
}
}
-
+
 
-
.video-container iframe {
+
.hovergallery img:hover{
-
    position: absolute;
+
-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
-
    top: 0;
+
-moz-transform:scale(1.1); /*Mozilla scale version*/
-
    left: 0;
+
-o-transform:scale(1.1); /*Opera scale version*/
-
    width: 50%;
+
opacity: 1;
-
    height: 50%;
+
}
}
 +
.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;
 +
}
 +
 +
 +
.bw:hover{-webkit-filter: grayscale(0%)
 +
}
 +
 
</style>
</style>
Line 97: Line 156:
<div class="figurear">
<div class="figurear">
<center>
<center>
-
<a href="https://2013.igem.org/Main_Page"><img id="Fondohome" src="https://static.igem.org/mediawiki/2014/6/61/Lucharabidopsis.png" widht="100" height="200"/></a>
+
<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>
</center>
</div>
</div>
Line 103: Line 162:
<div class="figuremer" >
<div class="figuremer" >
<center>
<center>
-
<a href="https://2013.igem.org/Main_Page" ><img id="Fondohome" src="https://static.igem.org/mediawiki/2014/c/cf/Luchamer.png" widht="120" height="300"/></a>
+
<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>
</center></div>
<div style="clear: both;"></div>
<div style="clear: both;"></div>
-
<div class="boxed" style="font-size:18px;color: #FFFFFF; font-family:arial; line-height: 1.4em;"  >
+
<div class="boxed" style="font-size:18px;color:black; font-family: 'Francois One', sans-serif; line-height: 1.4em;"  >
<center>
<center>
 +
<h1> GREEN DEMON </h1>
-
   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 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>
</center>
</center>
</div>
</div>
Line 117: Line 177:
<div style="clear: both;"></div>
<div style="clear: both;"></div>
-
<div class="chassis">
+
<div class="hovergallery">
<center>
<center>
-
<a href="https://2013.igem.org/Main_Page" ><img id="chassisi" src="http://i1369.photobucket.com/albums/ag216/lmistrange/CHASSIS_zps4a1c7e44.png" widht="330" height="220"/></a>
+
<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>
</center>
</center>
</div>
</div>
Line 125: Line 185:
<div style="clear: both;"></div>
<div style="clear: both;"></div>
-
<div class="bioacum">
+
<div class="hovergallery">
<center>
<center>
-
<a href="https://2013.igem.org/Main_Page" ><img id="bioacumi" src="http://i1369.photobucket.com/albums/ag216/lmistrange/CHASSIS_zps4a1c7e44.png" widht="300" height="220"/></a>
+
<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>
</center>
</div>
</div>
Line 133: Line 193:
<div style="clear: both;"></div>
<div style="clear: both;"></div>
-
<div class="sensor">
+
<div class="hovergallery">
<center>
<center>
-
<a href="https://2013.igem.org/Main_Page" ><img id="sensor1" src="http://i1369.photobucket.com/albums/ag216/lmistrange/SENSOR3_zps748cd41b.png" widht="300" height="250"/></a>
+
<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>
</center>
</center>
</div>
</div>
Line 141: Line 201:
<div style="clear: both;"></div>
<div style="clear: both;"></div>
-
<div class="redlight">
+
<div class="hovergallery">
<center>
<center>
-
<a href="https://2013.igem.org/Main_Page" ><img id="redlight1" src="http://i1369.photobucket.com/albums/ag216/lmistrange/REDLIGHT_zps414e8dbd.png" widht="300" height="240"/></a>
+
<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>
</center>
</div>
</div>
-
<div class="video-container">
+
<center>
-
        <iframe width="300" height="220" src="http://www.youtube.com/watch?v=pT68FS3YbQ4" ></iframe>
+
<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>
</div>
 +
<div class="bw pic">
 +
<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>
 +
 +
<div class="bw pic">
 +
<center>
 +
<a href="https://2014.igem.org/Team:BIOSINT_Mexico/team"><img class="team" src="https://static.igem.org/mediawiki/2014/7/71/BSMexTeam1.png">
 +
</a>
 +
</center>
 +
</div>
 +
 +
<div class="bw pic">
 +
<center>
 +
<a href="https://2014.igem.org/Team:BIOSINT_Mexico/Achievements"><img class="achievements" src="https://static.igem.org/mediawiki/2014/1/1a/BSMexAchievements.png">
 +
</a>
 +
</center>
 +
</div>
 +
 +
<div class="bw pic">
 +
<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>
 +
 +
<div style="position:relative; height: 100px">
</body>
</body>
 +
</html>
 +
 +
<br>
 +
<br>
 +
[[/2015]]

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

Retrieved from "http://2014.igem.org/Team:BIOSINT_Mexico"