Team:BIOSINT Mexico

From 2014.igem.org

(Difference between revisions)
 
(63 intermediate revisions not shown)
Line 3: Line 3:
<html>
<html>
  <style>
  <style>
-
.counter{  
+
 
-
position: relative;  
+
 
-
top: -900px;  
+
iframe{
 +
position:relative;  
 +
top:-200px;
}
}
-
.video1 {  
+
.counter{  
-
position: relative;
+
position: absolute;  
-
left: 10px;  
+
top: 900px;  
-
top:-1000px;
+
}
}
Line 35: 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: 820px;
+
height: 250px;
height: 250px;
Line 47: Line 47:
.chassis{
.chassis{
-
position: relative;
+
position: absolute;
-
left: -340px;
+
left: 80px;
-
top: -400px;
+
top: 650px;
z-index: 7;
z-index: 7;
}
}
Line 55: Line 55:
.bioacum{
.bioacum{
-
position: relative;
+
position: absolute;
-
left: -115px;
+
left: 80px;
-
top: -620px;
+
top: 870px;
z-index: 7;
z-index: 7;
}
}
Line 64: Line 64:
.redlight{
.redlight{
-
position: relative;
+
position: absolute;
-
left: 105px;
+
left: 280px;
-
top: -1060px;
+
top: 870px;
z-index: 7;
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*/
-
    left: 125px;
+
-moz-transform:scale(0.8); /*Mozilla scale version*/
-
    top: -1000px;
+
-o-transform:scale(0.8); /*Opera scale version*/
-
    padding-bottom: 56.25%;
+
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-
    padding-top: 30px; height: 0; overflow: hidden;
+
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-
z-index: 10;
+
-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, .video-container object, .video-container embed {
 
-
    position: absolute;
 
-
    top: 0;
 
-
    left: 0;
 
-
    width: 77%;
 
-
    height: 77%;
 
 +
.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;
 +
}
 +
 +
 +
.bw:hover{-webkit-filter: grayscale(0%)
 +
}
 +
 
</style>
</style>
Line 120: Line 167:
<div style="clear: both;"></div>
<div style="clear: both;"></div>
-
<div class="boxed" style="font-size:18px;color: #FFFFFF; font-family: 'Francois One', sans-serif; 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>
<h1> GREEN DEMON </h1>
-
 
+
   <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>
-
   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.
+
</center>
</center>
</div>
</div>
Line 131: Line 177:
<div style="clear: both;"></div>
<div style="clear: both;"></div>
-
<div class="">
+
<div class="hovergallery">
<center>
<center>
<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>
<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>
Line 139: Line 185:
<div style="clear: both;"></div>
<div style="clear: both;"></div>
-
<div class="">
+
<div class="hovergallery">
<center>
<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>
<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>
Line 147: Line 193:
<div style="clear: both;"></div>
<div style="clear: both;"></div>
-
<div class="">
+
<div class="hovergallery">
<center>
<center>
<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>
<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>
Line 155: Line 201:
<div style="clear: both;"></div>
<div style="clear: both;"></div>
-
<div class="">
+
<div class="hovergallery">
<center>
<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>
<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>
Line 161: Line 207:
</div>
</div>
-
<div class="video1">
 
<center>
<center>
-
<iframe width="640" height="480" src="//www.youtube.com/embed/Z3ZAGBL6UBA" frameborder="0" allowfullscreen></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>
</center>
</div>
</div>
-
<div class="counter">  
+
<div class="bw pic">
-
<a href="http://info.flagcounter.com/NSA0"><img src="http://s11.flagcounter.com/count/NSA0/bg_4FFF42/txt_000000/border_CCCCCC/columns_3/maxflags_30/viewers_0/labels_0/pageviews_1/flags_0/" alt="Flag Counter" border="0"></a>
+
<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>
 +
 +
<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"