|
|
(166 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <html> | + | {{Template:Team:SCUT/Home/mainhead}} |
- | <style type="text/css"> | + | <HTML> |
- | /* hiding the top section*/ | + | <HEAD> |
- | body{position:absolute; top:0px; width:100%; height:1300px;}
| + | </HEAD> |
- | #top-section{
| + | <BODY> |
- | height:0px;
| + | |
- | border:none;
| + | |
- | width:980px;
| + | |
- | margin:0 auto;
| + | |
- | padding:0 0 0 0;
| + | |
- | background-color:transparent;
| + | |
- | overflow:hide;
| + | |
| | | |
- | }
| + | <div id="mainbody"> |
- | #p-logo{display:none;}
| + | <div id="left_home"> |
- | #search-controls{display:none;}
| + | </div> |
- | #top{display:none;}
| + | |
- | .firstHeading{display:none;}
| + | |
- | /* end of hiding the top section*/
| + | |
| | | |
- | /* global setting*/
| + | <div id="HOME"> |
- | #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*/
| + | |
| | | |
- | /*hiding the footer-box*/ | + | <div class="ho ho_home"> |
- | #footer-box{display:none;}
| + | <a href="https://2014.igem.org/Team:SCUT"><img src="https://static.igem.org/mediawiki/2014/f/fe/01.png"></a> |
- | #catlinks{display:none;}
| + | </div> |
- | /*end of hiding the footer book*/ | + | <div class="ho ho_team"> |
| + | <img src="https://static.igem.org/mediawiki/2014/d/d9/02.png"> |
| + | </div> |
| + | <div class="ho ho21"> |
| + | <img src="https://static.igem.org/mediawiki/2014/f/f3/Home1.png"> |
| + | </div> |
| + | <a href="https://2014.igem.org/Team:SCUT/Team/Notebook"><img src="https://static.igem.org/mediawiki/2014/a/a0/Te-notebook.png" class="team team_1" title="Notebook"></a> |
| + | <div class="ho ho22"> |
| + | <img src="https://static.igem.org/mediawiki/2014/f/f3/Home1.png"> |
| + | </div> |
| + | <a href="https://2014.igem.org/Team:SCUT/Team/Attributions" title="Attributions"><img src="https://static.igem.org/mediawiki/2014/b/b1/Te-attributions.png" class="team team_2"></a> |
| + | <div class="ho ho23"> |
| + | <img src="https://static.igem.org/mediawiki/2014/f/f3/Home1.png"> |
| + | </div> |
| + | <a href="https://2014.igem.org/Team:SCUT/Team/Members" title="Notebook" title="Members"><img src="https://static.igem.org/mediawiki/2014/e/e9/Te-member.png" class="team team_3"></a> |
| + | <div class="ho ho31"> |
| + | <img src="https://static.igem.org/mediawiki/2014/e/e6/Home2.png"> |
| + | </div> |
| + | <a href="https://2014.igem.org/Team:SCUT/Project/Overview" title="Overview"><img src="https://static.igem.org/mediawiki/2014/9/90/Overview1.png" class="project project_1"></a> |
| + | <a href="https://2014.igem.org/Team:SCUT/Team/Acknowledgement" title="Acknowledgements"> <img src="https://static.igem.org/mediawiki/2014/2/26/Te-acknowledgement.png" class="team team_4"></a> |
| + | <div class="ho ho32"> |
| + | <img src="https://static.igem.org/mediawiki/2014/4/41/Home3.png"> |
| + | </div> |
| + | <a href="https://2014.igem.org/Team:SCUT/Team/Our University" title="Our University"><img src="https://static.igem.org/mediawiki/2014/0/09/Te-our_university.png" class="team team_5"></a> |
| + | <a href="https://2014.igem.org/Team:SCUT/Project/System_Construction/Co2_Fixation" title="System Construction"> <img src="https://static.igem.org/mediawiki/2014/c/c2/Construction_system.png" class="project project_2"></a> |
| + | <div class="ho ho33"> |
| + | <img src="https://static.igem.org/mediawiki/2014/4/41/Home3.png"> |
| + | </div> |
| + | <a href="https://2014.igem.org/Team:SCUT/Model/Overview" title="Overview"><img src="https://static.igem.org/mediawiki/2014/7/77/Home-Overview.png" class="model model_1"></a> |
| + | <a href="https://2014.igem.org/Team:SCUT/Project/Analysis and Discussion" title="Analysis and Discussion"><img src="https://static.igem.org/mediawiki/2014/9/97/HP-Analysis_and_Discussion.png" class="project project_3"></a> |
| + | <div class="ho ho_model"> |
| + | <img src="https://static.igem.org/mediawiki/2014/9/9a/03.png"> |
| + | </div> |
| + | <div class="ho ho_project"> |
| + | <img src="https://static.igem.org/mediawiki/2014/9/96/04.png"> |
| + | </div> |
| + | <div class="ho ho42"> |
| + | <img src="https://static.igem.org/mediawiki/2014/e/e8/Home9.png"> |
| + | </div> |
| + | <a href="https://2014.igem.org/Team:SCUT/Model/Rubisco_simulation" title="Rubisco simulation"><img src="https://static.igem.org/mediawiki/2014/8/86/Model-CO2.png" class="model model_2"></a> |
| + | <div class="ho ho51"> |
| + | <img src="https://static.igem.org/mediawiki/2014/1/11/Home4.png"> |
| + | </div> |
| + | <a href="https://2014.igem.org/Team:SCUT/Project/Other Work" title="Other Work"><img src="https://static.igem.org/mediawiki/2014/e/ed/Project-otherwork.png" class="project project_4"></a> |
| + | <div class="ho ho52"> |
| + | <img src="https://static.igem.org/mediawiki/2014/1/11/Home4.png"> |
| + | </div> |
| + | <a href="https://2014.igem.org/Team:SCUT/Model/N-butanol_simulation" title="N-butanol simulation"><img src="https://static.igem.org/mediawiki/2014/a/a6/Model-N-butanol_simulation.png" class="model model_3"></a> |
| + | <div class="ho ho61"> |
| + | <img src="https://static.igem.org/mediawiki/2014/6/6a/Home5.png"> |
| + | </div> |
| + | <a href="https://2014.igem.org/Team:SCUT/DP/Protocol" title="Protocol"><img src="https://static.igem.org/mediawiki/2014/5/52/Dp-Protocol.png" class="dp dp_3"></a> |
| + | <div class="ho ho62"> |
| + | <img src="https://static.igem.org/mediawiki/2014/6/6a/Home5.png"> |
| + | </div> |
| + | <a href="https://2014.igem.org/Team:SCUT/Model/Tips_for_other_teams" title="Tips for other teams"><img src="https://static.igem.org/mediawiki/2014/2/2a/Model-Tips_for_other_teams.png" class="model model_4"></a> |
| + | <a href="https://2014.igem.org/Team:SCUT/DP/Achievements" title="Achievements"><img src="https://static.igem.org/mediawiki/2014/f/f6/Dp-Achievements.png" class="dp dp_1"></a> |
| + | <div class="ho ho63"> |
| + | <img src="https://static.igem.org/mediawiki/2014/6/6a/Home5.png"> |
| + | </div> |
| + | <a href="https://2014.igem.org/Team:SCUT/DP/Biobricks" title="Biobricks"><img src="https://static.igem.org/mediawiki/2014/b/b1/Dp-Biobricks.png" class="dp dp_2"></a> |
| + | <div class="ho ho_dp"> |
| + | <img src="https://static.igem.org/mediawiki/2014/7/79/05.png"> |
| + | </div> |
| + | <div class="ho ho81"> |
| + | <img src="https://static.igem.org/mediawiki/2014/a/a9/Home6.png"> |
| + | </div> |
| + | <div class="ho ho_safety"> |
| + | <a href="https://2014.igem.org/Team:SCUT/Safety" title="Safety"><img src="https://static.igem.org/mediawiki/2014/5/5f/06.png"></a> |
| + | </div> |
| + | <div class="ho ho83"> |
| + | <img src="https://static.igem.org/mediawiki/2014/7/71/Home7.png"> |
| + | </div> |
| + | <div class="ho ho84"> |
| + | <img src="https://static.igem.org/mediawiki/2014/7/71/Home7.png"> |
| + | </div> |
| + | <div class="ho ho91"> |
| + | <img src="https://static.igem.org/mediawiki/2014/b/b0/Home8.png"> |
| + | </div> |
| + | <a href="https://2014.igem.org/Team:SCUT/HP/Visit and interview" title="Magazine"><img src="https://static.igem.org/mediawiki/2014/4/45/HP-magazine.png" class="hp hp_1" ></a> |
| + | <div class="ho ho92"> |
| + | <img src="https://static.igem.org/mediawiki/2014/b/b0/Home8.png"> |
| + | </div> |
| + | <a href="https://2014.igem.org/Team:SCUT/HP/Timeline" title="Timeline"><img src="https://static.igem.org/mediawiki/2014/8/88/HP-timeline.png" class="hp hp_2" ></a> |
| + | <div class="ho ho93"> |
| + | <img src="https://static.igem.org/mediawiki/2014/b/b0/Home8.png"> |
| + | </div> |
| + | <a href="https://2014.igem.org/Team:SCUT/HP/Practical analysis" title="Survey and Data Analysis"><img src="https://static.igem.org/mediawiki/2014/a/a0/HP-Questionnaire.png" class="hp hp_3" ></a> |
| + | <div class="ho ho_hp"> |
| + | <a href="https://2014.igem.org/Team:SCUT/HP"><img src="https://static.igem.org/mediawiki/2014/a/af/07.png"></a> |
| + | </div> |
| | | |
- | /* menu (page, edit ...) */ | + | </div> |
- | #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;
| + | |
- | }
| + | |
| | | |
| + | </div> |
| | | |
- | .left-menu, .left-menu a {
| |
- | text-align: left;
| |
- | color:#999999;
| |
- | text-transform: lowercase;
| |
- | }
| |
| | | |
- | .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;
| |
- | #}
| |
- |
| |
- | .left-menu:hover a {
| |
- | color: #999999;;
| |
- | }
| |
- |
| |
- | .left-menu li a:hover {
| |
- | color: #D00000;
| |
- | text-decoration: underline;
| |
- | }
| |
- |
| |
- |
| |
- | .right-menu li {
| |
- | # 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 ...) */
| |
- |
| |
- | /* navigation bar*/
| |
- |
| |
- | #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;}
| |
- | #navbarlogo{position:absolute; top:0px; left:0px; width:1200px}
| |
- | #navigationbar{position:absolute; left:460px; top:38px; font-size:16px; font-weight:100; color:black;}
| |
- | #navigationbar > li {display:block; list-style-type:none; float:left; width:75px; height:30px; text-align:center; }
| |
- |
| |
- | .Navbar_Item{background-color:transparent;}
| |
- | .Navbar_Item a {color:black; text-decoration:none;}
| |
- | .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;}
| |
- |
| |
- |
| |
- | #Home_Sublist{position:relative; top:0px; left:-50px;}
| |
- | #Team_Sublist{position:relative; top:0px; left:-110px;}
| |
- | #Project_Sublist{position:relative; top:0px; left:-180px;}
| |
- | #Model_Sublist{position:relative; top:0px; left:-140px;}
| |
- | #DataPage_Sublist{position:relative; top:0px; left:-60px;}
| |
- | #Safety_Sublist{position:relative; top:0px; left:-180px;}
| |
- | #HumanPractice_Sublist{position:relative; top:0px; left:-470px;}
| |
- |
| |
- | #iGEM_logo{position:absolute; top:30px; left:1090px; height:80px;}
| |
- | /*end navigation bar*/
| |
- |
| |
- | /*Major body*/
| |
- | #MajorBody{position:absolute; top:0px; left:0px; width:1200px; height:1380px; background-color:#f9f9f7;}
| |
- | #ProjectTitle{position:absolute; left:0px; width:1200px; height:184px; top:150px; z-index:600;}
| |
- | #TitleBackground{position:absolute; left:0px; top:0px; width:1200px;}
| |
- | #LittleScout{position:relative; left:0px; top:-3px; width:70px;}
| |
- | #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;}
| |
- |
| |
- | #MajorBodyBackground{position:absolute; top:334px; left:0px; width:1200px;}
| |
- |
| |
- | #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;}
| |
- |
| |
- | #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;}
| |
- |
| |
- | .AppendixHeadLine{position:absolute; left:20px; top:20px; width:250px;border-bottom:0px; font-size:23px; color:#ffffff;}
| |
- | .AppendixIcon{position:absolute; left:270px; top:20px; width:50px; }
| |
- |
| |
- |
| |
- | /*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>
| |
- |
| |
- | </ul>
| |
- | </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>
| |
- | <!--end navigationbar-->
| |
- |
| |
- | <!--MajorBody-->
| |
- | <div id="MajorBody">
| |
- | <div id="ProjectTitle">
| |
- | <img id="TitleBackground" src="https://static.igem.org/mediawiki/igem.org/c/c5/Peking2013_home_title.jpg" />
| |
- |
| |
- | <h1 id="ProjectName">Aromatics Scouts<img id="LittleScout" src="https://static.igem.org/mediawiki/igem.org/8/8a/Peking2013_home_Telescope.png" /></h1>
| |
- | <h1 id="ProjectSubname">A Comprehensive Biosensor Toolkit for Profiling Aromatic Compounds in the Environment</h1>
| |
| | | |
- | <p id="PreLocation">
| + | |
- | <B>★Presentation:</B> Room 34-101, Saturday 12:30 PM, Session 2
| + | |
- |     <B>★Poster:</B> Sunday, #13 (Stata)
| + | |
- | </p>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | </div>
| + | |
- | <img id="MajorBodyBackground" src="https://static.igem.org/mediawiki/igem.org/9/97/Peking2013_Home_background.jpg" />
| + | |
- | <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>
| + | |
- | </div>
| + | |
- | <div id="AppendixBox1" class="SmallBoxes" >
| + | |
- | <h1 id="Appendix1Title"><i>Mining aromatics-sensing Biobricks <br/>from the genomic database</i></h1>
| + | |
- | <div id="Appendix1Cover" >
| + | |
- | <img id="AppendixImg1" src="https://static.igem.org/mediawiki/igem.org/e/ec/Peking2013_homepage_appendix1.jpg" />
| + | |
- | <h1 class="AppendixHeadLine">Biosensor Mining</h1>
| + | |
- | <img id="Appendix1Icon" class="AppendixIcon" src="https://static.igem.org/mediawiki/igem.org/1/13/Peking2013_home_appendix1icon.png" />
| + | |
- | <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>
| + | |
- | <a href="https://2013.igem.org/Team:Peking/Project/SensorMining">LEARN MORE</a>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div id="AppendixBox2" class="SmallBoxes">
| + | |
- | <h1 id="Appendix2Title"><i>High-performance, profile-<br/>specific biosensors</i> </h1>
| + | |
- | <div id="Appendix2Cover" >
| + | |
- | <img id="AppendixImg2" src="https://static.igem.org/mediawiki/igem.org/1/17/Peking2013_home_appendix2.jpg" />
| + | |
- | <h1 class="AppendixHeadLine">Biosensors</h1>
| + | |
- | <img id="Appendix2Icon" class="AppendixIcon" src="https://static.igem.org/mediawiki/igem.org/b/b2/Peking2013_home_appendix2icon.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>
| + | |
- | <a href="https://2013.igem.org/Team:Peking/Project/BioSensors">LEARN MORE</a>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div id="AppendixBox3" class="SmallBoxes">
| + | |
- | <h1 id="Appendix3Title"><i>Converting the undetectable into<br/>the detectable</i></h1>
| + | |
- | <div id="Appendix3Cover" >
| + | |
- | <img id="AppendixImg3" src="https://static.igem.org/mediawiki/igem.org/1/1b/Peking2013_home_appendix3.jpg" />
| + | |
- | <h1 class="AppendixHeadLine">Adaptors</h1>
| + | |
- | <img id="Appendix3Icon" class="AppendixIcon" src="https://static.igem.org/mediawiki/igem.org/c/cd/Peking2013_home_appendix3icon.png" />
| + | |
- | <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>
| + | |
- | <a href="https://2013.igem.org/Team:Peking/Project/Plugins">LEARN MORE</a>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div id="AppendixBox4" class="SmallBoxes">
| + | |
- | <h1 id="Appendix4Title"><i>Rapidly determining <br/> the analyte concentration</i></h1>
| + | |
- | <div id="Appendix4Cover" >
| + | |
- | <img id="AppendixImg4" src="https://static.igem.org/mediawiki/igem.org/e/e6/Peking2013_home_appendix4.jpg" />
| + | |
- | <h1 class="AppendixHeadLine">Band-pass Filter</h1>
| + | |
- | <img id="Appendix4Icon" class="AppendixIcon" src="https://static.igem.org/mediawiki/igem.org/4/42/Peking2013_home_appendix4icon.png" />
| + | |
- | <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>
| + | |
- | <a href="https://2013.igem.org/Team:Peking/Project/BandpassFilter">LEARN MORE</a>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div id="AppendixBox5" class="SmallBoxes">
| + | |
- | <h1 id="Appendix5Title"><i>Communications, Questionnaire survey, <br/>Factory Visit</i> and interview</h1>
| + | |
- | <div id="Appendix5Cover" >
| + | |
- | <img id="AppendixImg5" src="https://static.igem.org/mediawiki/igem.org/d/da/Peking2013_home_appendix5.jpg" />
| + | |
- | <h1 class="AppendixHeadLine">Human Practice</h1>
| + | |
- | <img id="Appendix5Icon" class="AppendixIcon" src="https://static.igem.org/mediawiki/igem.org/8/85/Peking2013_home_appendix5icon.png" />
| + | |
- | <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>
| + | |
- | <a href="https://2013.igem.org/Team:Peking/HumanPractice">LEARN MORE</a>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- |
| + | |
- | </div><!--end of major body-->
| + | |
- | <img id="AcknowledgementBox" src="https://static.igem.org/mediawiki/igem.org/c/c4/Peking_Sponsors.jpg">
| + | |
- | <!--end of acknowledgement box-->
| + | |
- | | + | |
- | <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); }
| + | |
- | });
| + | |
- | | + | |
- | document.getElementById("AppendixBox1").onmouseover=function(){MoveInSlide("#Appendix1Cover")};
| + | |
- | document.getElementById("AppendixBox1").onmouseout=function(){MoveOutSlide("#Appendix1Cover")};
| + | |
- | 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");
| + | |
- |
| + | |
- | };
| + | |
- | | + | |
- | | + | |
- | | + | |
- | function MoveOutSlide(SlideId)
| + | |
- | {
| + | |
- | $(SlideId).stop().animate({top:"170px"},"fast");
| + | |
- |
| + | |
- | };
| + | |
- | | + | |
| | | |
- | </script>
| |
| | | |
- | </html> | + | </BODY> |
| + | </HTML> |