Team:SCUT

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<HTML>
+
<html>
-
<HEAD>
+
-
<TITLE> Team-Members </TITLE>
+
-
<META name="Generator" content="EditPlus">
+
-
<META name="Author" content="">
+
-
<META name="Keywords" content="">
+
-
<META name="Description" content="">
+
-
<script src="jQuery.js"></script>
+
-
<script type="text/javascript" src="to-top\jquery-1.3.2.min.js"></script>
+
-
<script type="text/javascript" src="to-top\scrolltopcontrol.js"></script>
+
-
<link rel="stylesheet" href="https://2014.igem.org/Team:SCUT/mainhead.css?action=raw&ctype=text/css" type="text/css" />
+
<style type="text/css">
<style type="text/css">
/* hiding the top section*/
/* hiding the top section*/
Line 29: Line 19:
/* end of hiding the top section*/
/* end of hiding the top section*/
 +
/* global setting*/
 +
#globalWrapper{position:absolute; top:0px;left:0px; width:100%; padding:0 0 0 0;margin:0 0 0 0;height:100%;font-family: calibri， Arial, Helvetica, sans-serif;}
 +
#content{
 +
    background-color:transparent;
 +
    border:none;
 +
    width:1200px;
 +
    height:700px;
 +
    marign:0 auto;
 +
    padding:0 0 0 0;
 +
    top:-40px;
 +
    }
 +
#bodyContent{
 +
    background-color:transparent;
 +
    border:none;
 +
   
 +
    }
 +
siteSub{
 +
    display:none;
 +
    border:none;
 +
    }
 +
contentSub{
 +
    display:none;
 +
    }
 +
/* end of global setting*/
-
body{font-family:微软雅黑;}
+
/*hiding the footer-box*/
 +
#footer-box{display:none;}
 +
#catlinks{display:none;}
 +
/*end of hiding the footer book*/
-
#header{position:absolute;top:60px;left:0px;width:100%;height:186px;overflow:hidden;text-align:center;}
+
/* menu (page, edit ...) */
-
#header img{position:absolute;left:0px;width:980px;height:auto;}
+
#menubar {
 +
    background-color:transparent;
 +
    position: relative;
 +
    float:left;
 +
    white-space: nowrap;
 +
    top:-6px;
 +
    width: 490px;
 +
    z-index: 5000;
 +
    font-family: sans-serif;
 +
    font-size: 95%;
 +
    line-height: 1em;
 +
    z-index:99;
 +
}
-
.menubar{position:absolute;top:205px;left:200px;width:1000px;height:48px;color:E7B1A6;font-family:Corbel;text-align:left;font-size:12pt;padding:none;padding:0px;z-index:1000;}
 
-
.menubar a{text-decoration:none;opacity:1;color:#ffffff;}
 
-
.menubar a:hover{text-decoration:underline;}
 
-
.menubar ul{list-style:none;margin-top:0px;padding:0px;}
 
-
.menubar ul > li{float:left;width:auto;height:48px;margin-left:41px;line-height:48px;cursor:pointer;}
 
-
.menubar ul > li > ul{display:none;height:200px;width:160px;margin-left:-50px;color:#ffffff;padding:0px;}
 
-
.menubar ul > li:hover > ul{display:block;}
 
-
.menubar ul > li > ul > li{width:160px;line-height:40px;margin-left:0px;text-align:center;background-color:#66cce9;margin-top:1px;}
 
-
.menubar ul > li > ul > li:hover{background-color:#d9f2f9;}
 
-
li#home{margin-left:250px;width:43px;}
 
-
li#team{width:40px;}
 
-
li#team ul{margin-left:-60px;}
 
-
li#project{width:62px;}
 
-
li#model{width:77px;}
 
-
li#model ul{margin-left:-60px;}
 
-
li#model ul li{width:200px;}
 
-
li#data{width:79px;}
 
-
li#hp{width:129px;}
 
-
li#hp ul{margin-left:-18px;}
 
-
li#safety{width:43px;}
 
-
  #left{position:absolute;top:340px;;left:0px;z-index:1000;}
+
.left-menu, .left-menu a {
-
  #cebian{position:absolute;top:0px;left:0px;width:200px;height:200px;display:none;background-color:#DCF1F7;}
+
    text-align: left;
-
  .navihead{width:200px;height:40px;font-size:20px;}
+
    color:#999999;
-
  #first{border-bottom:4px solid white;}
+
    text-transform: lowercase;
-
  .navibody{display:none;border-bottom:2px solid black;border-left:2px solid black;}
+
}
-
  #click{position:absolute;font-size:20px;top:20px;left:0px;background-color:#DCF1F7;}
+
 +
.left-menu:hover {
 +
    color: #D00000;
 +
    background-color: transparent;
 +
}
 +
.right-menu{width:400px; float:right}
 +
.right-menu, .right-menu a {
 +
    right: 0px;
 +
    text-align: right;
 +
    color: #999999;
 +
}
 +
#menubar ul {
 +
    color: #999999;
 +
    list-style: none;
 +
}
 +
#menubar li {
 +
    display: inline;
 +
    position: relative;
 +
    cursor: pointer;
 +
    padding-left: 0px;
 +
    padding-right: 0px;
 +
}
 +
.left-menu li a {
 +
    padding: 0px 10px 0px 0px;
 +
}
 +
.left-menu .selected {
 +
#    color: #999999;
 +
}
 +
#.left-menu .selected:hover {
 +
#    color: #999999;
 +
#}
-
#outline{position:absolute;top:300px;width:100%;left:0px;height:auto;}/*脸萌*/
+
.left-menu:hover a {
-
#bg{width:100%;height:auto;}
+
    color: #999999;;
-
.li{float:left;width:60px;height:60px;margin-right:5px;cursor:pointer;}
+
}
-
.li img{width:60px;height:60px;}
+
-
.li1{margin-left:425px;}
+
-
.li2{margin-left:360px;}
+
-
.li21{margin-left:65px;}
+
-
.li22{margin-left:265px;}
+
-
.li3{margin-left:425px;}
+
-
.li32{margin-left:130px;}
+
-
.li33{margin-left:70px;}
+
-
.li4{margin-left:490px;}
+
-
.li44{margin-left:70px;}
+
-
.li5{margin-left:360px;}
+
-
.li52{margin-left:200px;}
+
-
.hang{position:absolute;width:100%;left:0px;height:60px;}
+
-
.hang1{top:10px;}
+
-
.hang2{top:75px;}
+
-
.hang3{top:140px;}
+
-
.hang4{top:205px;}
+
-
.hang5{top:270px;}
+
-
#p1{position:absolute;top:680px;width:980px;left:200px;height:50px;line-height:50px;text-align:center;}
+
.left-menu li a:hover {
-
#p1 span{font-size:30px;font-family:"微软雅黑";}
+
    color: #D00000;
-
#content{position:absolute;top:732px;left:200px;width:980px;height:auto;border:1px solid black;}
+
    text-decoration: underline;
-
.members{margin-left:0px;width:980px;height:240px;text-align:justify;border:1px solid #E3E3E3;margin-top:30px;padding:0px;}
+
}
-
.members p{margin:40px;font-size:15px;color:gray;}
+
-
.members span{font-size:20px;color:black;}
+
-
.members img{float:left;width:200px;height:auto;margin-top:-20px;margin-right:20px;margin-left:-10px;}
+
-
#p2{margin-top:40px;width:980px;height:50px;line-height:50px;text-align:center;}
 
-
#p2 span{font-size:30px;font-family:"微软雅黑";}
 
-
#footer{position:absolute;width:100%;height:83px;left:0px;top:5000px;}
+
.right-menu li {
-
#footer img{width:100%;height:auto;left:0px;top:0px;}
+
#    background-color: transparent;
 +
}
 +
.right-menu li a {
 +
    padding: 0px 15px 0px 0px;
 +
    color: #999999;;
 +
    background-color: transparent;
 +
}
 +
.right-menu li a:hover {
 +
    color: #D00000;
 +
    text-decoration: underline;
 +
}
 +
/* end menu (edit, page ...) */
-
/*hiding the footer-box*/
+
/* navigation bar*/
-
#footer-box{display:none;}
+
-
#catlinks{display:none;}
+
-
/*end of hiding the footer book*/
+
-
</style>
+
-
</HEAD>
+
-
<BODY>
+
#navigationblock{background-color:#fafaf8; position:fixed; top:0px; width:1200px; height:130px; overflow:hidden; font-family:Calibri, Arial; float:left; margin:0px; padding:0px; z-index:1000; border-bottom:1px solid #d3d7d8;}
-
<div id="header">
+
#navbarlogo{position:absolute; top:0px; left:0px; width:1200px}
-
<img src="https://static.igem.org/mediawiki/2014/b/b3/Title.png">
+
#navigationbar{position:absolute; left:460px; top:38px; font-size:16px; font-weight:100; color:black;}
-
</div>
+
#navigationbar > li {display:block; list-style-type:none; float:left; width:75px; height:30px; text-align:center; }
-
<div class="menubar">
+
.Navbar_Item{background-color:transparent;}
-
<ul>
+
.Navbar_Item a {color:black; text-decoration:none;}
-
<li id="home">HOME</li>
+
.Navbar_Item > ul {display:none; width:900px; height:80px; text-align:center; color:black; z-index:1100; }
 +
.Navbar_Item > ul > li {float:left; list-style:none; text-align:center; background-color:transparent; position:relative; top:10px; padding:0 10px;}
 +
.Navbar_Item:hover{ border-bottom:1px solid #D00000; color:#D00000; background-color:#fafaf8;}
 +
.Navbar_Item:hover > ul{zoom:1; display:block;}
 +
.Navbar_Item:hover >a {color:#D00000; background-color:#fafaf8;}
 +
.Navbar_Item > ul > li:hover {border-bottom:1px solid #D00000; color:#D00000; background-color:#fafaf8;}
 +
.Navbar_Item > ul > li:hover >a {color:#D00000}
 +
.BackgroundofSublist{position:absolute; left:-1000px; width:2000px; height:80px; background-color:#ffffff; opacity:0;}
-
<li id="team">TEAM
 
-
<ul>
 
-
<li>Members</li>
 
-
<li>Notebook</li>
 
-
<li>Attributions</li>
 
-
</ul>
 
-
</li>
 
-
<li id="project">PROJECT
+
#Home_Sublist{position:relative; top:0px; left:-50px;}
-
<ul >
+
#Team_Sublist{position:relative; top:0px; left:-110px;}
-
<li>Overview</li>
+
#Project_Sublist{position:relative; top:0px; left:-180px;}
-
<li>Background</li>
+
#Model_Sublist{position:relative; top:0px; left:-140px;}
-
<li>Design</li>
+
#DataPage_Sublist{position:relative; top:0px; left:-60px;}
-
<li>Results</li>
+
#Safety_Sublist{position:relative; top:0px; left:-180px;}
-
<li>Future work</li>
+
#HumanPractice_Sublist{position:relative; top:0px; left:-470px;}
-
</ul>
+
-
</li>
+
-
<li id="model">MODELING
+
#iGEM_logo{position:absolute; top:30px; left:1090px; height:80px;}
-
<ul>
+
/*end navigation bar*/
-
<li>Overview</li>
+
-
<li>Rubisco simulation</li>
+
-
<li>N-butanol simulation</li>
+
-
<li>Conclusion and future work</li>
+
-
<li>Tips for other teams</li>
+
-
</ul>
+
-
</li>
+
-
<li id="data">DATA PAGE
+
/*Major body*/
-
<ul>
+
#MajorBody{position:absolute; top:0px; left:0px; width:1200px; height:1380px; background-color:#f9f9f7;}
-
<li>Overview</li>
+
#ProjectTitle{position:absolute; left:0px; width:1200px; height:184px; top:150px; z-index:600;}
-
<li>Biology</li>
+
#TitleBackground{position:absolute; left:0px; top:0px; width:1200px;}
-
</ul>
+
#LittleScout{position:relative; left:0px; top:-3px; width:70px;}
-
</li>
+
#ProjectName{position:absolute; left:405px; top:20px; border-bottom:0px; color:#FFFFFF; font-size:48px; font-family:calibri,Arial, Helvetica, sans-serif;}
 +
#ProjectSubname{position:absolute; left:0px; width:1200px; top:105px; border-bottom:0px; color:#FFFFFF; font-size:18px;  font-family: calibri， Arial, Helvetica, sans-serif; text-align:center;}
-
<li id="hp">HUMAN PRACTICE
+
#MajorBodyBackground{position:absolute; top:334px; left:0px; width:1200px;}
-
<ul>
+
-
<li >Survey</li>
+
-
<li>Visit and interview</li>
+
-
<li>Practical analysis</li>
+
-
<li >Team communication</li>
+
-
</ul>
+
-
</li>
+
-
<li id="safety">Safety</li>
+
#PreLocation{font-size:14px; font-family:arial,helvetica,sans-serif; color:#ca4321;position:absolute;top:190px;left:0px;text-align:center;width:1200px;line-height:20px; font-weight:bold;}
-
</ul>
+
-
</div>
+
 +
#AbstractBox{position:absolute; left:430px; top:390px; width:710px; height:540px; background-color:transparent;}
 +
#AbstractBackground{width:100%; height:100%; background-color:#FFFFFF; opacity:0.8;}
 +
#AbstractContent{position:absolute; left:40px; top:25px; width:630px; font-size:18px; line-height:25px ; font-family: calibri, Arial, sans-serif; text-align:justify;}
 +
#AbstractContent:first-letter{font-size:30px;}
 +
.SmallBoxes{width:340px; height:250px;background-color:#FFFFFF; overflow:hidden;font-family: calibri， Arial, Helvetica, sans-serif; }
 +
.SmallBoxes > img{position:absolute; left:0px; top:0px;}
 +
.SmallBoxes p{position:absolute; left:20px; top:75px; width:300px; font-size:14px; color:#ffffff; text-align:justify;}
 +
.SmallBoxes a{position:absolute; left:240px; top:220px; width:300px; font-size:12px; color:#ffffff; text-align:justify;}
 +
#AppendixBox1{position:absolute; left:60px; top:390px; background-color:#aa4630;}
 +
#Appendix1Title{position:absolute; left:0px; top:70px; width:340px; text-align:center; color:#ffffff; font-size:16px; border-bottom:0px; line-height:28px;}
 +
#Appendix1Cover{position:absolute; left:0px; top:170px; width:370px; height:280px;}
 +
#AppendixBox2{position:absolute; left:60px; top:680px; background-color:#e98d70;}
 +
#Appendix2Title{position:absolute; left:0px; top:70px; width:340px; text-align:center; color:#ffffff; font-size:16px; border-bottom:0px; line-height:28px;}
 +
#Appendix2Cover{position:absolute; left:0px; top:170px; width:370px; height:280px;}
 +
#AppendixBox3{position:absolute; left:60px; top:970px; background-color:#f37021;}
 +
#Appendix3Title{position:absolute; left:0px; top:70px; width:340px; text-align:center; color:#ffffff; font-size:16px; border-bottom:0px; line-height:28px;}
 +
#Appendix3Cover{position:absolute; left:0px; top:170px; width:370px; height:280px;}
 +
#AppendixBox4{position:absolute; left:430px; top:970px; background-color:#1f8a70;}
 +
#Appendix4Title{position:absolute; left:0px; top:70px; width:340px; text-align:center; color:#ffffff; font-size:16px; border-bottom:0px; line-height:28px;}
 +
#Appendix4Cover{position:absolute; left:0px; top:170px; width:370px; height:280px;}
 +
#AppendixBox5{position:absolute; left:800px; top:970px; background-color:#004258;}
 +
#Appendix5Title{position:absolute; left:0px; top:70px; width:340px; text-align:center; color:#ffffff; font-size:16px; border-bottom:0px; line-height:28px;}
 +
#Appendix5Cover{position:absolute; left:0px; top:170px; width:370px; height:280px;}
-
<script type="text/javascript">
+
.AppendixHeadLine{position:absolute; left:20px; top:20px; width:250px;border-bottom:0px; font-size:23px; color:#ffffff;}
-
function scroll(element){
+
.AppendixIcon{position:absolute; left:270px; top:20px; width:50px; }
-
var eletop = element.offset().top;
+
-
$("body,html").animate({scrollTop:eletop},600);
+
-
};
+
-
function scroll11(){
+
-
var element = $("#label11");
+
-
    scroll(element);
+
-
};
+
-
function scroll12(){
+
-
var element = $("#label12");
+
-
scroll(element);
+
-
};
+
-
function scroll2(){
+
-
var element = $("#label2");
+
-
scroll(element);
+
-
};
+
-
function scroll22(){
+
-
var element = $("#label22");
+
-
scroll(element);
+
-
};
+
-
function scroll24(){
+
-
var element = $("#label24");
+
-
scroll(element);
+
-
};
+
-
function scroll3(){
+
-
var element = $("#label3");
+
-
scroll(element);
+
-
};
+
-
function scroll31(){
+
-
var element = $("#label31");
+
-
scroll(element);
+
-
};
+
-
function scroll34(){
+
-
var element = $("#label34");
+
-
scroll(element);
+
-
};
+
-
function scroll14(){
+
-
var element = $("#label4");
+
-
scroll(element);
+
-
};
+
-
function scroll41(){
+
-
var element = $("#label41");
+
-
scroll(element);
+
-
};
+
-
function scroll43(){
+
-
var element = $("#label43");
+
-
scroll(element);
+
-
};
+
-
function scroll45(){
+
-
var element = $("#label45");
+
-
scroll(element);
+
-
};
+
-
function scroll5(){
+
-
var element = $("#label5");
+
-
scroll(element);
+
-
};
+
-
function scroll51(){
+
-
var element = $("#label51");
+
-
scroll(element);
+
-
};
+
-
function scroll152(){
+
-
var element = $("#label52");
+
-
scroll(element);
+
-
};
+
-
function scroll53(){
+
-
var element = $("#label53");
+
-
scroll(element);
+
-
};
+
-
function scroll54(){
+
-
var element = $("#label54");
+
-
scroll(element);
+
-
};
+
-
</script>
+
-
<div id="outline">
+
-
<img src="https://static.igem.org/mediawiki/2014/9/98/Bg.jpg" id="bg">
+
-
<div class="hang hang1">
 
-
<div class="li li1">
 
-
<img src="https://static.igem.org/mediawiki/2014/4/4a/1.png">
 
-
</div>
 
-
<div class="li li11" onclick="scroll11();">
 
-
<img src="team/11.png">
 
-
</div>
 
-
<div class="li li12" onclick="scroll12();">
 
-
<img src="team/12.png">
 
-
</div>
 
-
<div class="li li13">
 
-
<img src="team/13.png">
 
-
</div>
 
-
</div>
 
-
<div class="hang hang2">
 
-
<div class="li li2" onclick="scroll2();">
 
-
<img src="https://static.igem.org/mediawiki/2014/f/fb/2.png">
 
-
</div>
 
-
<div class="li li21">
 
-
<img src="team/21.png">
 
-
</div>
 
-
<div class="li li22" onclick="scroll22();">
 
-
<img src="team/22.png">
 
-
</div>
 
-
<div class="li li23">
 
-
<img src="team/23.png">
 
-
</div>
 
-
<div class="li li24" onclick="scroll24();">
 
-
<img src="team/24.png">
 
-
</div>
 
-
</div>
 
-
<div class="hang hang3">
 
-
<div class="li li3" onclick="scroll3();">
 
-
<img src="https://static.igem.org/mediawiki/2014/1/10/3.png">
 
-
</div>
 
-
<div class="li li31" onclick="scroll31();">
 
-
<img src="team/31.png">
 
-
</div>
 
-
<div class="li li32">
 
-
<img src="team/32.png">
 
-
</div>
 
-
<div class="li li33">
 
-
<img src="team/33.png">
 
-
</div>
 
-
<div class="li li34" onclick="scroll34();">
 
-
<img src="team/34.png">
 
-
</div>
 
-
</div>
 
-
<div class="hang hang4">
 
-
<div class="li li4" onclick="scroll4();">
 
-
<img src="team/4.png">
 
-
</div>
 
-
<div class="li li41" onclick="scroll41();">
 
-
<img src="team/41.png">
 
-
</div>
 
-
<div class="li li42" >
 
-
<img src="team/42.png">
 
-
</div>
 
-
<div class="li li43" onclick="scroll43();">
 
-
<img src="team/43.png">
 
-
</div>
 
-
<div class="li li44">
 
-
<img src="team/44.png">
 
-
</div>
 
-
<div class="li li45" onclick="scroll45();">
 
-
<img src="team/45.png">
 
-
</div>
 
-
</div>
 
-
<div class="hang hang5">
 
-
<div class="li li5" onclick="scroll5();">
 
-
<img src="team/5.png">
 
-
</div>
 
-
<div class="li li51" onclick="scroll51();">
 
-
<img src="team/51.png">
 
-
</div>
 
-
<div class="li li52" onclick="scroll52();">
 
-
<img src="team/52.png">
 
-
</div>
 
-
<div class="li li53" onclick="scroll53();">
 
-
<img src="team/53.png">
 
-
</div>
 
-
<div class="li li54" onclick="scroll54();">
 
-
<img src="team/54.png">
 
-
</div>
 
-
</div>
 
-
</div>
+
/*end of Major body*/
 +
#AcknowledgementBox{ position:absolute; left:0px; top:1280px; width:1200px;}
 +
 
 +
 
 +
</style>
 +
 
 +
 
 +
<!--navigationbar-->
 +
<div id="navigationblock">
 +
<img id="navbarlogo" src="https://static.igem.org/mediawiki/igem.org/c/c9/Peking_Logo.jpg"/>
 +
       
 +
<ul id="navigationbar">
 +
<li id="PKU_navbar_Home" class="Navbar_Item">
 +
                       
 +
<a href="https://2013.igem.org/Team:Peking">Home</a>
 +
<ul id="Home_Sublist" >
 +
</ul>
 +
</li>
 +
<li id="PKU_navbar_Team" class="Navbar_Item">
 +
<a href="">Team</a>
 +
<ul id="Team_Sublist">
 +
                                <div class="BackgroundofSublist"></div>
 +
<li><a href="https://2013.igem.org/Team:Peking/Team/Members">Members</a></li>
 +
<li><a href="https://2013.igem.org/Team:Peking/Team/Notebook">Notebook</a></li>
 +
<li><a href="https://2013.igem.org/Team:Peking/Team/Attributions">Attributions</a></li>
 +
</ul>
 +
</li>
 +
<li id="PKU_navbar_Project" class="Navbar_Item">
 +
<a href="https://2013.igem.org/Team:Peking/Project">Project</a>
 +
<ul id="Project_Sublist">
 +
                                <div class="BackgroundofSublist"></div>
 +
                                <li><a href="https://2013.igem.org/Team:Peking/Project/SensorMining">Biosensor Mining</a></li>
 +
<li><a href="https://2013.igem.org/Team:Peking/Project/BioSensors">Biosensors</a></li>
 +
<li><a href="https://2013.igem.org/Team:Peking/Project/Plugins">Adaptors</a></li>
 +
<li><a href="https://2013.igem.org/Team:Peking/Project/BandpassFilter">Band-pass Filter</a></li>
 +
                                <li><a href="https://2013.igem.org/Team:Peking/Project/Devices">Devices</a></li>
 +
</ul>
 +
</li>
 +
<li id="PKU_navbar_Model" class="Navbar_Item">
 +
<a href="">Model</a>
 +
<ul id="Model_Sublist">
 +
                                <div class="BackgroundofSublist"></div>
 +
                                <li><a href="https://2013.igem.org/Team:Peking/Model">Band-pass Filter</a></li>
 +
                                <li><a href="https://2013.igem.org/Team:Peking/ModelforFinetuning">Biosensor Fine-tuning</a></li>
 +
</ul>
 +
</li>
 +
                        <li id="PKU_navbar_HumanPractice" class="Navbar_Item" style="width:90px">
 +
<a href="">Data page</a>
 +
<ul id="DataPage_Sublist">
 +
                                <div class="BackgroundofSublist"></div>
 +
                                <li><a href="https://2013.igem.org/Team:Peking/DataPage/Parts">Parts</a></li>
 +
<li><a href="https://2013.igem.org/Team:Peking/DataPage/JudgingCriteria">Judging Criteria</a></li>
 +
 
 +
</ul>
 +
</li>
 +
<li id="PKU_navbar_Safety" class="Navbar_Item">
 +
<a href="https://2013.igem.org/Team:Peking/Safety">Safety</a>
 +
<ul id="Safety_Sublist">
 +
</ul>
 +
</li>
 +
<li id="PKU_navbar_HumanPractice" class="Navbar_Item" style="width:120px">
 +
<a href="https://2013.igem.org/Team:Peking/HumanPractice">Human Practice</a>
 +
<ul id="HumanPractice_Sublist">
 +
                                <div class="BackgroundofSublist"></div>
 +
                                <li><a href="https://2013.igem.org/Team:Peking/HumanPractice/Questionnaire">Questionnaire Survey</a></li>
 +
<li><a href="https://2013.igem.org/Team:Peking/HumanPractice/FactoryVisit">Visit and Interview</a></li>
 +
                                <li><a href="https://2013.igem.org/Team:Peking/HumanPractice/ModeliGEM">Practical Analysis</a></li>
 +
<li><a href="https://2013.igem.org/Team:Peking/HumanPractice/iGEMWorkshop">Team Communication</a></li>
-
<div id="p1">
+
</ul>
-
<span>Team Members</span>
+
</li>
 +
 +
</ul>
 +
        <a href="https://2013.igem.org/Main_Page"><img id="iGEM_logo" src="https://static.igem.org/mediawiki/igem.org/4/48/Peking_igemlogo.jpg"/></a>
</div>
</div>
 +
<!--end navigationbar-->
-
<div id="content">
+
<!--MajorBody-->
-
<div class="members me-12" style="height:auto;" id="label12">
+
<div id="MajorBody">
-
<p>
+
<div id="ProjectTitle">
-
<img src="https://static.igem.org/mediawiki/2014/3/3d/Wang.png" style="margin-top:30px;" >
+
                <img id="TitleBackground" src="https://static.igem.org/mediawiki/igem.org/c/c5/Peking2013_home_title.jpg" />
-
<span>Junjie Zhang</span>
+
               
-
Two years ago, a senior, Last year, a freshman of graduate and now he is a Second Grade student of graduate, majoring biochemistry and molecular biology. It’s the third year to attend iGEM, from the team member to captain and establish the first iGEM team of SCUT. This year, His role in team is charging in project design and there have severe interesting the technology support and the team routine, including giving new technology presentation, organizing weekly SCUT-IGEM meeting and keeping track of what everybody is doing, etc. Particularly worth mentioning is that besides this “The Forgotten Corner”, there have several interesting project in our brainstorm, pathogenic entero-becteria inhibitor system and Mess production of antimicrobial peptide through fimbria.
+
<h1 id="ProjectName">Aromatics Scouts<img id="LittleScout" src="https://static.igem.org/mediawiki/igem.org/8/8a/Peking2013_home_Telescope.png" /></h1>
-
He loves life, loves science and would like to challenge himself such as long-distance running and climbing.
+
                <h1 id="ProjectSubname">A Comprehensive Biosensor Toolkit for Profiling Aromatic Compounds in the Environment</h1>
-
“iGEM is excellent team and I’m so glad to go along with them on this summer; iGEM is not only a competition, but you can get precious friendship for forever”.
+
 +
<p id="PreLocation">
 +
<B>★Presentation:</B> Room 34-101, Saturday 12:30 PM, Session 2
 +
      &ensp;&ensp;&ensp;&ensp;<B>★Poster:</B> Sunday, #13 (Stata)
</p>
</p>
-
</div>
+
 
-
<div class="members me-six" id="label51">
+
 
-
<p>
+
 
-
<img src="team/peng.png">
+
</div>
-
<span>Ye Peng</span>  
+
        <img id="MajorBodyBackground" src="https://static.igem.org/mediawiki/igem.org/9/97/Peking2013_Home_background.jpg" />
-
nick-named Pear, a junior majoring in biopharmacy, is in charge of the project on outer mitochondrial membrane, the quantification of promoter activity and the routine management work of lab. He`s a sunny boy, full of enthusiasm in life, hardworking in study and curious and cautious in lab. Owing to his multi-dimensional personality, we have our project going well and, concurrently, feel happy while working.
+
        <div id="AbstractBox">
 +
            <div id="AbstractBackground"></div>
 +
              <p id="AbstractContent">Monitoring aromatic compounds in the environment remains a substantial challenge today. Noting the power of biosensors for quick and convenient testing, Peking iGEM has developed a functionally comprehensive biosensor toolkit to profile aromatics in the environment.
 +
<br/><br/>
 +
Transcriptional regulators that each detect a specific class of aromatics were first bioinformatically determined; and then utilized to build a comprehensive set of biosensor circuits. Characterization on the detection profiles of individual biosensors and the orthogonality/crosstalk between them proved that these biosensors are very capable at profiling aromatics present in water.  
 +
<br/><br/>
 +
Moreover, for the ease of practical applications, two types of genetic devices were also developed as plug-ins for biosensors: "Adaptors", a set of conceptually novel devices to convert undetectable compounds into detectable compounds, and "Band-pass Filter", a "concentration filter" that allows the detection of analyte concentration within a specific range.
 +
<br/><br/>
 +
We expect that these novel biosensors, together with the plug-in devices, will serve as intriguing synthetic biological tools for diverse practical applications.
</p>
</p>
-
</div>
+
        </div>
-
<div class="members me-four" id="label11">
+
        <div id="AppendixBox1" class="SmallBoxes" >
-
<p>
+
              <h1 id="Appendix1Title"><i>Mining aromatics-sensing Biobricks <br/>from the genomic database</i></h1>
-
<img src="team/fan.png">
+
              <div id="Appendix1Cover" >
-
<span>Chuyao Fan</span>
+
                    <img id="AppendixImg1" src="https://static.igem.org/mediawiki/igem.org/e/ec/Peking2013_homepage_appendix1.jpg" />
-
a hard working girl with an optimistic attitude toward life, is a 3rd year Biopharmacy major. Enticed by the sheer comfort and quietness, she enjoys being in lab. Her work consists  of pathway construction of n-butanol and final production detection. She likes the interdisciplinarity and the enormous range of possibilities offered by synthetic biology, which is also the reason why she joined in iGEM.
+
                    <h1 class="AppendixHeadLine">Biosensor Mining</h1>
-
</p>
+
                    <img id="Appendix1Icon" class="AppendixIcon" src="https://static.igem.org/mediawiki/igem.org/1/13/Peking2013_home_appendix1icon.png" />
-
</div>
+
                    <p>The core component of our biosensor toolkit is the transcriptional regulators that sense aromatics. For the comprehensiveness of aromatics-sensing, a data-mining process was conducted to mine transcriptional regulators for each typical class of aromatics from the database Uniprot. </p>
-
<div class="members me-11" style="height:auto;" id="label34">
+
                    <a href="https://2013.igem.org/Team:Peking/Project/SensorMining">LEARN MORE</a>
-
<p>
+
              </div>
-
<img src="team/xiu.png" style="margin-top:0px;">
+
        </div>
-
<span>Xiuyuan Wang</span>
+
        <div id="AppendixBox2" class="SmallBoxes">
-
taking charge of the design team as a whole and coordinating each part of the work in order, is the crucial WIKI designer and editor. From a layman to a professional of webpage making, he established a design team of four and acted as a headman for 2014 IGEM team of South China University of Technology. Under Wang's executive, his group worked industriously on WIKI, with PPT as an onset. Taking step by step, as a result of clarified division and efficient cooperation of, they sophisticatedly design uniforms and posters for the IGEM. Wang feels honored to become one of the IGEMers, in this team, like he said :"I can not only show my talents for editing skills as well as contribute my ideas on design, but also meet with gifted and competent peers here. I feel good to strive for the same goal together."
+
              <h1 id="Appendix2Title"><i>High-performance, profile-<br/>specific biosensors</i> </h1>
-
</P>
+
              <div id="Appendix2Cover" >
-
</div>
+
                    <img id="AppendixImg2" src="https://static.igem.org/mediawiki/igem.org/1/17/Peking2013_home_appendix2.jpg" />
-
<div class="members me-1" id="label43">
+
                    <h1 class="AppendixHeadLine">Biosensors</h1>
-
<p>
+
                    <img id="Appendix2Icon" class="AppendixIcon"  src="https://static.igem.org/mediawiki/igem.org/b/b2/Peking2013_home_appendix2icon.png" />
-
<img src="team/chen.png">
+
                    <p>A comprehensive set of biosensor circuits have been implemented using the aromatics-sensing transcriptional regulators. Each biosensor has a specific aromatics-sensing profile. Furthermore, the orthogonality of their sensing profiles was carefully assessed for practical applications.</p>
-
<span>Zhanru Chen</span>  
+
                    <a href="https://2013.igem.org/Team:Peking/Project/BioSensors">LEARN MORE</a>
-
is a junior majoring in biopharmacy. This is the first year he being with iGEM and he spent the whole summer focusing on the fluoresent proteins for testing whether scaffold proteins could locate in out mitochodrial membrane with the help of leading peptide Tom22. He also devoted his time to designing the schematic models of pathways of our project using Adobe Illustrator CS6. He enjoys singing, reading and watching animate. Though spent much time in lab, he felt happy having the opportunity to join a student-driven research team. This guy hopes to be an excellent scholar in this field.
+
              </div>
-
</p>
+
        </div>
-
</div>
+
        <div id="AppendixBox3" class="SmallBoxes">
-
<div class="members me-7" style="height:250px;" id="label3">
+
              <h1 id="Appendix3Title"><i>Converting the undetectable into<br/>the detectable</i></h1>
-
<p>
+
              <div id="Appendix3Cover" >
-
<img src="team/hu.png">
+
                    <img id="AppendixImg3" src="https://static.igem.org/mediawiki/igem.org/1/1b/Peking2013_home_appendix3.jpg" />
-
<span>Weipeng Hu</span>
+
                    <h1 class="AppendixHeadLine">Adaptors</h1>
-
major in bioengineering, is responsible for the construction of the metabolic pathway of n-butanol and the make sure the leading peptide work. He calls himself “weapon”.On the one hand ,its pronunciation is similar to “weipeng” ,on the other hand, it means that he is a sword that can cut the difficulties in pieces. “What doesn’t kill you makes you stronger, What doesn’t kill you makes you a fighter” is his faith and that is the source of his strength which push him through uncountable obstacles. He loves labs, he loves experiments, he loves biology and , once he decides to do something, nothing can stop him.  
+
                    <img id="Appendix3Icon"  class="AppendixIcon" src="https://static.igem.org/mediawiki/igem.org/c/cd/Peking2013_home_appendix3icon.png" />
-
</p>
+
                    <p> To expand the detection profiles of some biosensors, aromatics-metabolizing enzymes were taken from natural metabolic pathways, working as Adaptors to convert undetectable chemicals into detectable aromatics when coupled with biosensor circuits.</p>
-
</div>
+
                    <a href="https://2013.igem.org/Team:Peking/Project/Plugins">LEARN MORE</a>
-
<div class="members me-14" id="label24">
+
              </div>
-
<p>
+
        </div>
-
<img src="team/xue.png">
+
        <div id="AppendixBox4" class="SmallBoxes">
-
<span>Xueman Pan</span>
+
              <h1 id="Appendix4Title"><i>Rapidly determining <br/> the analyte concentration</i></h1>
-
majored in industrial design, is a member of designing. For interest, I approach the design. For interest, I enjoy the design. For interest, I fall in love with the design step by step.
+
              <div id="Appendix4Cover" >
-
</p>
+
                    <img id="AppendixImg4" src="https://static.igem.org/mediawiki/igem.org/e/e6/Peking2013_home_appendix4.jpg" />
-
</div>
+
                    <h1 class="AppendixHeadLine">Band-pass Filter</h1>
-
<div class="members me-8" id="label41">
+
                    <img id="Appendix4Icon" class="AppendixIcon"  src="https://static.igem.org/mediawiki/igem.org/4/42/Peking2013_home_appendix4icon.png" />
-
<p>
+
                    <p>For the ease of practical analysis, a genetic device called "Band-pass Filter" has been constructed to allow the detection of analyte concentration within a specific range. Biosensors equipped with the Band-pass Filter can robustly quantify the aromatics in environmental samples. </p>
-
<img src="team/huang.png">
+
                    <a href="https://2013.igem.org/Team:Peking/Project/BandpassFilter">LEARN MORE</a>
-
<span>Xiaobin Huang</span>
+
              </div>
-
is an undergraduate student who has been majoring in Computer Science since 2013.He is responsible for the modeling part of the Rubisco.His dream is using computer to help people and to promote scientific research.That is why he major in Computer Science and take part in the iGEM team.He also likes listening to music very much.
+
        </div>
-
</p>
+
        <div id="AppendixBox5" class="SmallBoxes">
-
</div>
+
              <h1 id="Appendix5Title"><i>Communications, Questionnaire survey,  <br/>Factory Visit</i> and interview</h1>
-
<div class="members me-13" id="label22">
+
              <div id="Appendix5Cover" >
-
<p>
+
                    <img id="AppendixImg5" src="https://static.igem.org/mediawiki/igem.org/d/da/Peking2013_home_appendix5.jpg" />
-
<img src="team/ling.png">
+
                    <h1 class="AppendixHeadLine">Human Practice</h1>
-
<span>Zhangyan Ling</span>
+
                    <img id="Appendix5Icon" class="AppendixIcon"  src="https://static.igem.org/mediawiki/igem.org/8/85/Peking2013_home_appendix5icon.png" />
-
a junior at South China University of Technology, majoring in industrial design. I play a role of constructing and designing the wiki of our team, mainly responsible for the works related to visual design and I am also in charge of some exhibitions that associated with our work in order to make our work better represented.
+
                    <p>To obtain the information about public awareness and the situation of aromatics pollution, a survey including factory visit and questionnaires has been conducted. We also guided an iGEM HS team and held "Model iGEM" as a competition without competitiveness.</p>
-
</p>
+
                    <a href="https://2013.igem.org/Team:Peking/HumanPractice">LEARN MORE</a>
-
</div>
+
              </div>
-
<div class="members me-three" id="label2">
+
        </div>      
-
<p>
+
-
<img src="team/rui.png">
+
</div><!--end of major body-->
-
<span>Rui Chen</span>
+
<img id="AcknowledgementBox" src="https://static.igem.org/mediawiki/igem.org/c/c4/Peking_Sponsors.jpg">
-
is a senior, specializing in Bioengineering ( Biopharmaceutics). Warm-hearted, articulate and target driven, with rich experience and a strong commitment to biological research that’s the words we use to describe her. As her second participant in iGEM SCUT, she shows her deep love of Synthetic Biology which brings her enthusiasm for science and creativity. Her passions include photography and cooking.
+
<!--end of acknowledgement box-->
-
</p>
+
-
</div>
+
-
<div class="members me-five" id="label54">
+
-
<p>
+
-
<img src="team/yang.png">
+
-
<span>Bina Yang</span>
+
-
a junior majoring in biopharmacy, is
+
-
responsible for the construction of scaffold proteins, GBD, SH3 and PDZ. She set different ratios to obtain the most appropriate scale of them and get the best result. By the way, if you find she talking to bacteria, don`t feel strange. Yang believes she can communicate with the lovely bacteria. This is she, having strange ideas, but always bringing laughter.
+
-
</p>
+
-
</div>
+
-
<div class="members me-9" style="height:245px;" id="label53">
+
-
<p>
+
-
<img src="team/li.png">
+
-
<span>Linzhou Li</span>
+
-
a junior looking toward a future in Biopharmacy, is a smart and good-natured guy. He is in charge of looking for the signal sequences and targeting sequences of kinds of membranes in Saccharomyces cerevisiae. In his spare time, he like singing and computer graphics. Maybe you will think he is a indoorsman, but on the contrary, he is actually a enthusiastic and easygoing man.
+
-
</p>
+
-
</div>
+
-
<div class="members me-10" id="label45">
+
-
<p>
+
-
<img src="team/ya.png">
+
-
<span>Yaran zhao</span>
+
-
is a 1st year bioengineering student.He is also a youngest iGEMer in our team.In his free time,he enjoys listening to music and playing computer games.In our term,he and his partner,Linzhou Li,are in charge of cellular localization which is a huge challenge to a young boy. But he did it as his motto is”never give up”.
+
-
</p>
+
-
</div>
+
-
<div class="members me-two" id="label31">
+
-
<p>
+
-
<img src="team/zhou.png">
+
-
<span>Shiyan Zhou</span>
+
-
I major in Optoelectronic information science and Engineering. Now I am in my sophomore year at south china university of technology. I am usually curious what will happen in my future because I believe everything is possible as long as I have a try. So I join in iGEM and Iwant to have a new way to observe the field of biology and I am on the way.
+
-
</p>
+
-
</div>
+
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
 +
<script type="text/javascript">
 +
$(window).scroll(function(){
 +
  if(0==document.getElementById("content").offsetLeft){ $('#navigationblock').css('left',-$(window).scrollLeft());}
 +
  else{$('#navigationblock').css('left',document.getElementById("content").offsetLeft); }
 +
});
 +
$(window).resize(function(){
 +
  if(0==document.getElementById("content").offsetLeft){ $('#navigationblock').css('left',-$(window).scrollLeft());}
 +
  else{$('#navigationblock').css('left',document.getElementById("content").offsetLeft); }
 +
});
-
<div id="p2">
+
document.getElementById("AppendixBox1").onmouseover=function(){MoveInSlide("#Appendix1Cover")};
-
<span>Instructors</span>
+
document.getElementById("AppendixBox1").onmouseout=function(){MoveOutSlide("#Appendix1Cover")};
-
</div>
+
document.getElementById("AppendixBox2").onmouseover=function(){MoveInSlide("#Appendix2Cover")};
 +
document.getElementById("AppendixBox2").onmouseout=function(){MoveOutSlide("#Appendix2Cover")};
 +
document.getElementById("AppendixBox3").onmouseover=function(){MoveInSlide("#Appendix3Cover")};
 +
document.getElementById("AppendixBox3").onmouseout=function(){MoveOutSlide("#Appendix3Cover")};
 +
document.getElementById("AppendixBox4").onmouseover=function(){MoveInSlide("#Appendix4Cover")};
 +
document.getElementById("AppendixBox4").onmouseout=function(){MoveOutSlide("#Appendix4Cover")};
 +
document.getElementById("AppendixBox5").onmouseover=function(){MoveInSlide("#Appendix5Cover")};
 +
document.getElementById("AppendixBox5").onmouseout=function(){MoveOutSlide("#Appendix5Cover")};
 +
function MoveInSlide(SlideId)
 +
{
 +
$(SlideId).stop().animate({top:"0px"},"fast");
 +
         
 +
};
-
</div>
 
-
<div id="footer">
+
function MoveOutSlide(SlideId)
-
<img src="footer.jpg">
+
{
-
</div>
+
$(SlideId).stop().animate({top:"170px"},"fast");
 +
       
 +
};
-
</BODY>
+
</script>
-
</HTML>
+
 
 +
</html>

Revision as of 10:12, 5 October 2014

Aromatics Scouts

A Comprehensive Biosensor Toolkit for Profiling Aromatic Compounds in the Environment

★Presentation: Room 34-101, Saturday 12:30 PM, Session 2     ★Poster: Sunday, #13 (Stata)

Monitoring aromatic compounds in the environment remains a substantial challenge today. Noting the power of biosensors for quick and convenient testing, Peking iGEM has developed a functionally comprehensive biosensor toolkit to profile aromatics in the environment.

Transcriptional regulators that each detect a specific class of aromatics were first bioinformatically determined; and then utilized to build a comprehensive set of biosensor circuits. Characterization on the detection profiles of individual biosensors and the orthogonality/crosstalk between them proved that these biosensors are very capable at profiling aromatics present in water.

Moreover, for the ease of practical applications, two types of genetic devices were also developed as plug-ins for biosensors: "Adaptors", a set of conceptually novel devices to convert undetectable compounds into detectable compounds, and "Band-pass Filter", a "concentration filter" that allows the detection of analyte concentration within a specific range.

We expect that these novel biosensors, together with the plug-in devices, will serve as intriguing synthetic biological tools for diverse practical applications.

Mining aromatics-sensing Biobricks
from the genomic database

Biosensor Mining

The core component of our biosensor toolkit is the transcriptional regulators that sense aromatics. For the comprehensiveness of aromatics-sensing, a data-mining process was conducted to mine transcriptional regulators for each typical class of aromatics from the database Uniprot.

LEARN MORE

High-performance, profile-
specific biosensors

Biosensors

A comprehensive set of biosensor circuits have been implemented using the aromatics-sensing transcriptional regulators. Each biosensor has a specific aromatics-sensing profile. Furthermore, the orthogonality of their sensing profiles was carefully assessed for practical applications.

LEARN MORE

Converting the undetectable into
the detectable

Adaptors

To expand the detection profiles of some biosensors, aromatics-metabolizing enzymes were taken from natural metabolic pathways, working as Adaptors to convert undetectable chemicals into detectable aromatics when coupled with biosensor circuits.

LEARN MORE

Rapidly determining
the analyte concentration

Band-pass Filter

For the ease of practical analysis, a genetic device called "Band-pass Filter" has been constructed to allow the detection of analyte concentration within a specific range. Biosensors equipped with the Band-pass Filter can robustly quantify the aromatics in environmental samples.

LEARN MORE

Communications, Questionnaire survey,
Factory Visit and interview

Human Practice

To obtain the information about public awareness and the situation of aromatics pollution, a survey including factory visit and questionnaires has been conducted. We also guided an iGEM HS team and held "Model iGEM" as a competition without competitiveness.

LEARN MORE

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