Difference between revisions of "Team:HUST-China"

Line 146: Line 146:
 
         list-style: none;
 
         list-style: none;
 
     }
 
     }
−
 
+
</style>
 
/*#################################main.css#############################################*/
 
/*#################################main.css#############################################*/
 +
<style>
 
#tab_header{width:100%;height:120px;background-color:#600808;}
 
#tab_header{width:100%;height:120px;background-color:#600808;}
 
#header_image1{width:auto;height:100px;float:left;margin-left:100px;margin-top:20px;}
 
#header_image1{width:auto;height:100px;float:left;margin-left:100px;margin-top:20px;}
Line 184: Line 185:
  
 
#tab_foot{width:100%;height:200px;background-color:#600808; text-align:center;line-height:50px;color:#FFF; font-size:24p; padding-top:40px;}
 
#tab_foot{width:100%;height:200px;background-color:#600808; text-align:center;line-height:50px;color:#FFF; font-size:24p; padding-top:40px;}
−
/*#########################################banner.css#######################################################*/
+
</style>
 +
/*#########################################banner#######################################################*/
 +
<style>
 
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
 
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
 
#playBox{ width:100%; height:400px; margin:0px auto; background:#333; position:relative; overflow:hidden;}
 
#playBox{ width:100%; height:400px; margin:0px auto; background:#333; position:relative; overflow:hidden;}
Line 195: Line 198:
 
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
 
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
 
#playBox .smalltitle .thistitle{ background:#69aaec;}
 
#playBox .smalltitle .thistitle{ background:#69aaec;}
−
/*###########################################vedio_style.css#########################################################*/
+
</style>
 +
<script>
 +
function getStyle(obj,name)
 +
{
 +
if(obj.currentStyle)
 +
{
 +
return obj.currentStyle[name]
 +
}
 +
else
 +
{
 +
return getComputedStyle(obj,false)[name]
 +
}
 +
}
 +
 
 +
function getByClass(oParent,nClass)
 +
{
 +
var eLe = oParent.getElementsByTagName('*');
 +
var aRrent  = [];
 +
for(var i=0; i<eLe.length; i++)
 +
{
 +
if(eLe[i].className == nClass)
 +
{
 +
aRrent.push(eLe[i]);
 +
}
 +
}
 +
return aRrent;
 +
}
 +
 
 +
function startMove(obj,att,add)
 +
{
 +
clearInterval(obj.timer)
 +
obj.timer = setInterval(function(){
 +
  var cutt = 0 ;
 +
  if(att=='opacity')
 +
  {
 +
  cutt = Math.round(parseFloat(getStyle(obj,att)));
 +
  }
 +
  else
 +
  {
 +
  cutt = Math.round(parseInt(getStyle(obj,att)));
 +
  }
 +
  var speed = (add-cutt)/4;
 +
  speed = speed>0?Math.ceil(speed):Math.floor(speed);
 +
  if(cutt==add)
 +
  {
 +
  clearInterval(obj.timer)
 +
  }
 +
  else
 +
  {
 +
  if(att=='opacity')
 +
  {
 +
  obj.style.opacity = (cutt+speed)/100;
 +
  obj.style.filter = 'alpha(opacity:'+(cutt+speed)+')';
 +
  }
 +
  else
 +
  {
 +
  obj.style[att] = cutt+speed+'px';
 +
  }
 +
  }
 +
 
 +
},30)
 +
}
 +
 
 +
  window.onload = function()
 +
  {
 +
  var oDiv = document.getElementById('playBox');
 +
  var oPre = getByClass(oDiv,'pre')[0];
 +
  var oNext = getByClass(oDiv,'next')[0];
 +
  var oUlBig = getByClass(oDiv,'oUlplay')[0];
 +
  var aBigLi = oUlBig.getElementsByTagName('li');
 +
  var oDivSmall = getByClass(oDiv,'smalltitle')[0]
 +
  var aLiSmall = oDivSmall.getElementsByTagName('li');
 +
 
 +
  function tab()
 +
  {
 +
    for(var i=0; i<aLiSmall.length; i++)
 +
    {
 +
    aLiSmall[i].className = '';
 +
    }
 +
    aLiSmall[now].className = 'thistitle'
 +
    startMove(oUlBig,'left',-(now*aBigLi[0].offsetWidth))
 +
  }
 +
  var now = 0;
 +
  for(var i=0; i<aLiSmall.length; i++)
 +
  {
 +
  aLiSmall[i].index = i;
 +
  aLiSmall[i].onclick = function()
 +
  {
 +
  now = this.index;
 +
  tab();
 +
  }
 +
}
 +
  oPre.onclick = function()
 +
  {
 +
  now--
 +
  if(now ==-1)
 +
  {
 +
  now = aBigLi.length;
 +
  }
 +
  tab();
 +
  }
 +
  oNext.onclick = function()
 +
  {
 +
  now++
 +
  if(now ==aBigLi.length)
 +
  {
 +
  now = 0;
 +
  }
 +
  tab();
 +
  }
 +
  var timer = setInterval(oNext.onclick,3000) //滚动间隔时间设置
 +
  oDiv.onmouseover = function()
 +
  {
 +
  clearInterval(timer)
 +
  }
 +
  oDiv.onmouseout = function()
 +
  {
 +
  timer = setInterval(oNext.onclick,3000) //滚动间隔时间设置
 +
  }
 +
  }
 +
</script>
 +
/*###########################################vedio#########################################################*/
 +
<style>
 
.jp-video {
 
.jp-video {
 
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
 
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;

Revision as of 12:04, 1 September 2017

Team:HUST-China /*#################################main.css#############################################*/ /*#########################################banner#######################################################*/ /*###########################################vedio#########################################################*/ /*##########################################banner_js##################################*/

WHAT WE ARE WORKING ON ?

This year iGEM HUST-China focus on the enrichment of rare earth elements. Through the engineering bacteria we enrich rare earth element and recover wastewater. Our final goal is to build a highly intelligent & efficient engineering bacteria with logical combination of artificial peptides.

WHY WE FOCUS ON THIS ?

The rare-earth elements (REEs) are becoming increasingly important due to their essential role in permanent magnets, catalysts, rechargeable batteries and other high tech product[1]. However, mining, refining, and recycling of rare earths have serious environmental consequences if not properly managed. For example, toxic acids are required during the refining process and they are particularly prone to be released into the general water supply[2]. So, we need an effective way to improve the existing production methods, that’s why we turn to synthetic biology.

HOW WE ACHIEVE OUR GOAL ?

Our system consists the sensing part and the capture part which base on artificial peptides.We combine lanthanide binding peptide and surface display system to capture rare earth ions. The sensing part is a transformation of membrane protein which can sense the ferric ion. We also use the design from 2015 iGEM HUST-China to help us regain our bacterial.

1.Binnemans K, Jones P T, Blanpain B, et al. Recycling of rare earths: a critical review[J]. Journal of Cleaner Production, 2013, 51(14):1–22.

2.Bradsher, Keith (October 29, 2010). "After China's Rare Earth Embargo, a New Calculus". The New York Times. Retrieved October 30, 2010.