Team:BIOSINT Mexico

From 2014.igem.org

(Difference between revisions)
 
(62 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 {
 
-
    position: relative;
 
-
    left: 125px;
 
-
    top: -1000px;
 
-
    padding-bottom: 56.25%;
 
-
    padding-top: 30px; height: 0;  overflow: hidden;
 
-
z-index: 10;
 
-
}
 
-
 
-
.video-container iframe, .video-container object, .video-container embed {
 
-
    position: absolute;
 
-
    top: 0;
 
-
    left: 0;
 
-
    width: 77%;
 
-
    height: 77%;
 
-
 
-
 
-
<style type="text/css">
 
.hovergallery img{
.hovergallery img{
Line 111: Line 92:
-moz-transform:scale(1.1); /*Mozilla scale version*/
-moz-transform:scale(1.1); /*Mozilla scale version*/
-o-transform:scale(1.1); /*Opera scale version*/
-o-transform:scale(1.1); /*Opera scale version*/
-
box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
 
-
-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
 
-
-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
 
opacity: 1;
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 145: 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 164: 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 172: 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 180: 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 186: 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