(42 intermediate revisions by 5 users not shown) | |||
Line 1: | Line 1: | ||
− | + | <html> | |
+ | <head> | ||
+ | <meta charset="utf-8"> | ||
+ | <title>BNU-China</title> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
+ | <meta name="Team" content="BNU-China" /> | ||
+ | <meta name="keywords" content="iGEM 2017" /> | ||
+ | <meta name="author" content="Ziyu Liu(刘梓钰),Zhaodong Wang(王兆栋),Xizong Zhang(张溪棕)"/> | ||
+ | <link type="text/ttf" rel="stylesheet" href="https://2017.igem.org/File:T--BNU-China--CiceroSans.ttf"/> | ||
+ | <link type="text/ttf" rel="stylesheet" href="https://2017.igem.org/File:T--BNU-China--Regular.ttf"/> | ||
+ | <link type="text/css" rel="stylesheet" href="https://2017.igem.org/Template:BNU-China/CSS/background?action=raw&ctype=text/css"/> | ||
+ | <link type="text/css" rel="stylesheet" href="https://2017.igem.org/Template:BNU-China/CSS/final?action=raw&ctype=text/css | ||
+ | " /> | ||
+ | <style> | ||
+ | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear, .center {display: none;} /*-- hides default wiki settings --*/ | ||
+ | #top_title { | ||
+ | margin-bottom: 0!important; | ||
+ | } | ||
− | < | + | #top_menu_under { |
− | + | height: 0; | |
− | + | } | |
+ | |||
+ | #HQ_page{ | ||
+ | margin-left:0 !important; | ||
+ | } | ||
+ | |||
+ | #globalWrapper,#content{ | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | border: 0px; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | #HQ_page p { | ||
+ | text-align: justify!important; | ||
+ | } | ||
+ | |||
+ | #w_navMenu>p { | ||
+ | text-align: right!important; | ||
+ | } | ||
+ | |||
+ | #HQ_page table,ul { | ||
+ | margin-left: 0 !important; | ||
+ | } | ||
+ | |||
+ | #content{ | ||
+ | line-height:normal; | ||
+ | } | ||
+ | |||
+ | .mw-content-ltr ul { | ||
+ | margin: 0 !important; | ||
+ | } | ||
+ | |||
+ | * { | ||
+ | -webkit-box-sizing: border-box;!important | ||
+ | -moz-box-sizing: border-box;!important | ||
+ | box-sizing: border-box;!important | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | <script type="text/javascript"> | ||
+ | var navWidth; | ||
+ | var navFontSize; | ||
+ | var navTop; | ||
+ | var idStoryMax=8; | ||
+ | var idStory=0; | ||
+ | var result767=window.matchMedia('(max-width: 767px)'); | ||
+ | $(document).ready(function(){ | ||
+ | $("#w_Project").hover(function(){ | ||
+ | $(this).append('<div style="position:absolute;display:inline;width:100%;left:0px;"><ul style="background-color:rgba(224,64,28,0.6);"><li><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Description ">Background</a></li><li><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Design ">Design</a></li><li><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Demonstrate">Results</a></li></ul></div>'); | ||
+ | $("#w_nav>ul>li>div").css({"paddingTop":-1*parseFloat($("#w_nav>ul").css("top"))}); | ||
+ | },function(){ | ||
+ | $("#w_nav>ul>li>div").remove(); | ||
+ | }); | ||
+ | $("#w_Modeling").hover(function(){ | ||
+ | $(this).append('<div style="position:absolute;display:inline;width:100%;left:0px;"><ul style="background-color:rgba(224,64,28,0.6);"><li><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Model">Overview</a></li><li><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Model/microtubule">Microtubule</a></li><li><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Model/flagellin">Flagellar Filament</a></li></ul></div>'); | ||
+ | $("#w_nav>ul>li>div").css({"paddingTop":-1*parseFloat($("#w_nav>ul").css("top"))}); | ||
+ | },function(){ | ||
+ | $("#w_nav>ul>li>div").remove(); | ||
+ | }); | ||
+ | $("#w_Practice").hover(function(){ | ||
+ | $(this).append('<div style="position:absolute;display:inline;width:100%;left:0px;"><ul style="background-color:rgba(224,64,28,0.6);"><li><a class="w_a" href="https://2017.igem.org/Team:BNU-China/HP">Overview</a></li><li><a class="w_a" href="https://2017.igem.org/Team:BNU-China/HP/Silver">Silver</a></li><li><a class="w_a" href="https://2017.igem.org/Team:BNU-China/HP/Gold_Integrated">Gold</a></li><li><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Engagement">Engagement</a></li></ul></div>'); | ||
+ | $("#w_nav>ul>li>div").css({"paddingTop":-1*parseFloat($("#w_nav>ul").css("top"))}); | ||
+ | },function(){ | ||
+ | $("#w_nav>ul>li>div").remove(); | ||
+ | }); | ||
+ | $("#w_Achievement").hover(function(){ | ||
+ | $(this).append('<div style="position:absolute;display:inline;width:100%;left:0px;"><ul style="background-color:rgba(224,64,28,0.6);"><li><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Judging">Judging Criteria</a></li><li><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Parts">Parts</a></li><li><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Collaborations">Collaboration</a></li><li><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Improve">Improvement</a></li></ul></div>'); | ||
+ | $("#w_nav>ul>li>div").css({"paddingTop":-1*parseFloat($("#w_nav>ul").css("top"))}); | ||
+ | },function(){ | ||
+ | $("#w_nav>ul>li>div").remove(); | ||
+ | }); | ||
+ | $("#w_Lab").hover(function(){ | ||
+ | $(this).append('<div style="position:absolute;display:inline;width:100%;left:0px;"><ul style="background-color:rgba(224,64,28,0.6);"><li><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Team">Team</a></li><li><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Notebook">Notebook</a></li><li><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Experiments">Protocol</a></li><li><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Attributions">Attributions</a></li><li><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Acknowlegement">Acknowlegement</a></li></ul></div>'); | ||
+ | $("#w_nav>ul>li>div").css({"paddingTop":-1*parseFloat($("#w_nav>ul").css("top"))}); | ||
+ | },function(){ | ||
+ | $("#w_nav>ul>li>div").remove(); | ||
+ | }); | ||
+ | $("#w_Safety").hover(function(){ | ||
+ | $(this).append('<div style="position:absolute;display:inline;width:100%;left:0px;"><ul style="background-color:rgba(224,64,28,0.6);"><li><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Safety">Safety</a></li></ul></div>'); | ||
+ | $("#w_nav>ul>li>div").css({"paddingTop":-1*parseFloat($("#w_nav>ul").css("top"))}); | ||
+ | },function(){ | ||
+ | $("#w_nav>ul>li>div").remove(); | ||
+ | }); | ||
+ | $("#top_title").hide(); | ||
+ | $("#sideMenu").hide(); | ||
+ | <!--首页故事--> | ||
+ | if(result767.matches){ | ||
+ | $("#storyArrow").hide(); | ||
+ | $(".w_indexPhoto").show(); | ||
+ | $("#story0").height(500); | ||
+ | } | ||
+ | else | ||
+ | { | ||
+ | $(".w_indexPhoto").hide(); | ||
+ | $("#story0").show(); | ||
+ | } | ||
+ | var fDownArrow=function(){ | ||
+ | if(idStory<idStoryMax){ | ||
+ | $("html").animate({"scrollTop":$(document).height()-$(window).height()},400); | ||
+ | $("body").animate({"scrollTop":$(document).height()-$(window).height()},400,function(){ | ||
+ | $("#story"+String(idStory)).slideUp(400,'swing'); | ||
+ | idStory=idStory+1; | ||
+ | $("#story"+String(idStory)).show(); | ||
+ | $("html,body").animate({"scrollTop":0},400,function(){ | ||
+ | }); | ||
+ | if(idStory==idStoryMax){ | ||
+ | $("#storyArrow>img").attr('src', "https://static.igem.org/mediawiki/2017/a/a9/T--BNU-China--upArrow.jpg"); | ||
+ | $("#storyArrow>img").attr('alt', "↑"); | ||
+ | $("#storyArrow").unbind("click"); | ||
+ | $("#storyArrow").attr('id', 'upArrow'); | ||
+ | $("#upArrow").bind("click",fUpArrow); | ||
+ | } | ||
+ | }); | ||
+ | } | ||
+ | } | ||
+ | $("#storyArrow").bind("click",fDownArrow); | ||
+ | |||
+ | var fUpArrow=function(){ | ||
+ | $("html,body").animate({"scrollTop":0},800); | ||
+ | idStory=0; | ||
+ | $("#story"+String(idStory)).slideDown(400,'swing',function(){ | ||
+ | $("#story8").hide(); | ||
+ | $("#upArrow>img").attr('src', "https://static.igem.org/mediawiki/2017/3/33/T--BNU-China--index3.jpg"); | ||
+ | $("#upArrow>img").attr('alt', "↓"); | ||
+ | $("#upArrow").unbind("click"); | ||
+ | $("#upArrow").attr('id', 'storyArrow'); | ||
+ | $("#storyArrow").bind("click",fDownArrow); | ||
+ | }); | ||
+ | } | ||
+ | |||
+ | |||
+ | $("#storyArrow").hover(function(){ | ||
+ | $(this).animate({"top":"+=2%"},500,"swing"); | ||
+ | },function(){ | ||
+ | $(this).animate({"top":"-=2%"},500,"swing"); | ||
+ | }); | ||
+ | |||
+ | function handleMouseScroll(e) { | ||
+ | if(!result767.matches) | ||
+ | { | ||
+ | if(e.wheelDelta<0){ | ||
+ | if(idStory<idStoryMax){ | ||
+ | if($(document).scrollTop()>=0.95*($(document).height()-$(window).height())) | ||
+ | { | ||
+ | window.onmousewheel =0; | ||
+ | $("html,body").animate({"scrollTop":0}); | ||
+ | $("#story"+String(idStory)).slideUp(400,'swing',function(){window.onmousewheel = handleMouseScroll;}); | ||
+ | idStory=idStory+1; | ||
+ | $("#story"+String(idStory)).show(); | ||
+ | if(idStory==idStoryMax){ | ||
+ | $("#storyArrow>img").attr('src', 'https://static.igem.org/mediawiki/2017/a/a9/T--BNU-China--upArrow.jpg'); | ||
+ | $("#storyArrow>img").attr('alt', "↑"); | ||
+ | $("#storyArrow").unbind("click"); | ||
+ | $("#storyArrow").attr('id', 'upArrow'); | ||
+ | $("#upArrow").bind("click",fUpArrow); | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | else{ | ||
+ | if($(window).scrollTop()==0) | ||
+ | { | ||
+ | if(idStory>0) | ||
+ | { | ||
+ | window.onmousewheel =0; | ||
+ | $("html,body").animate({"scrollTop":0},800); | ||
+ | idStory=idStory-1; | ||
+ | $("#story"+String(idStory)).slideDown(400,'swing',function(){$("#story"+String(idStory+1)).hide();window.onmousewheel = handleMouseScroll;}); | ||
+ | } | ||
+ | if(idStory==idStoryMax-1){ | ||
+ | $("#upArrow>img").attr('src', 'https://static.igem.org/mediawiki/2017/3/33/T--BNU-China--index3.jpg'); | ||
+ | $("#upArrow>img").attr('alt', "↓"); | ||
+ | $("#upArrow").unbind("click"); | ||
+ | $("#upArrow").attr('id', 'storyArrow'); | ||
+ | $("#storyArrow").bind("click",fDownArrow); | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | // window.onmousewheel = document.onmousewheel = handleMouseScroll; | ||
+ | window.onmousewheel = handleMouseScroll; | ||
− | + | if(result767.matches){ | |
− | + | $("#storyArrow").hide(); | |
− | + | } | |
+ | else{ | ||
+ | $("#story0").height(document.body.scrollHeight-parseFloat($("#story0").css("padding-top"))-parseFloat($("#story0").css("top"))-parseFloat($("#story0").css("margin-top"))+30); | ||
+ | } | ||
+ | <!--导航栏自适应--> | ||
+ | if($(window).innerWidth()>=480){ | ||
+ | $("#w_nav>div").hide(); | ||
+ | } | ||
+ | if($(window).innerWidth()<480){ | ||
+ | $("#w_nav>ul").hide(); | ||
+ | $("#w_nav>div>ul").hide(); | ||
+ | } | ||
+ | $("#w_nav>ul").css({"top":$(window).width()/1280*(-41)}); | ||
+ | $("#w_nav>ul>li>a").css({"width":$(window).width()/7-10,"font-size":$(window).width()/1280*25,"top":0}); | ||
+ | navWidth=$(window).width(); | ||
+ | navFontSize=$("#w_nav>ul>li>a").css("font-size"); | ||
+ | navTop=$("#w_nav>ul").css("top"); | ||
− | + | $("#w_nav>div>p").click(function(){ | |
+ | $("#w_nav>div>ul").slideToggle(); | ||
+ | }); | ||
+ | <!--悟空眼睛--> | ||
+ | $(document).mousemove(function(e){ | ||
+ | var x=$("#eye").width()/2; | ||
+ | var y=$("#eye").height()/2; | ||
+ | $("#eye").css({"left":parseFloat(String((e.pageX-x)/100)),"top":parseFloat(String((e.pageY-$(window).scrollTop()-y)/100))}); | ||
+ | }); | ||
+ | $(document).on('touchstart',function(e) { | ||
+ | var x=$("#eye").width()/2; | ||
+ | var y=$("#eye").height()/2; | ||
+ | $("#eye").css({"left":parseFloat(String((e.pageX-x)/100)),"top":parseFloat(String((e.pageY-$(window).scrollTop()-y)/100))}); | ||
+ | }); | ||
+ | }); | ||
+ | <!--导航栏首页故事自适应--> | ||
+ | $(window).resize(function(){ | ||
+ | if(result767.matches){ | ||
+ | $("#storyArrow").hide(); | ||
+ | $(".w_indexPhoto").show(); | ||
+ | $("#story0").height(500); | ||
+ | } | ||
+ | else{ | ||
+ | $("#storyArrow").show(); | ||
+ | $(".w_indexPhoto").hide(); | ||
+ | $("#story"+String(idStory)).show(); | ||
+ | $("#story0").height(document.body.scrollHeight-parseFloat($("#story0").css("padding-top"))-parseFloat($("#story0").css("top"))-parseFloat($("#story0").css("margin-top"))); | ||
+ | } | ||
+ | if($(window).innerWidth()>=480){ | ||
+ | $("#w_nav>div").hide(); | ||
+ | $("#w_nav>ul").show(); | ||
+ | $("#w_nav>ul>li>a").css({"width":$(window).width()/7-10,"font-size":parseFloat(navFontSize)*parseFloat(String($(window).width()))/parseFloat(String(navWidth))}); | ||
+ | $("#w_nav>ul").css({"top":parseFloat(navTop)*parseFloat(String($(window).width()))/parseFloat(String(navWidth))}); | ||
+ | navWidth=$(window).width(); | ||
+ | navFontSize=$("#w_nav>ul>li>a").css("font-size"); | ||
+ | navTop=$("#w_nav>ul").css("top"); | ||
+ | } | ||
+ | else{ | ||
+ | $("#w_nav>ul").hide(); | ||
+ | $("#w_nav>div").show(); | ||
+ | $("#w_nav>div>ul").hide(); | ||
+ | } | ||
+ | }); | ||
+ | </script> | ||
+ | </head> | ||
+ | <body style="background-color:rgb(247,237,183);"> | ||
+ | <div id="w_nav" style="top:15px;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/6/60/T--BNU-China--index2.1.png" alt="Sorry, the image is not spupported by your browser."> | ||
+ | <img id="eye" src="https://static.igem.org/mediawiki/2017/5/53/T--BNU-China--index1.jpg" alt="Sorry, the image is not spupported by your browser." style="width:100;position:absolute;top:-3px;"> | ||
+ | <ul> | ||
+ | <li id="w_Project"><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Description">Project</a></li> | ||
+ | <li id="w_Modeling"><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Model">Modeling</a></li> | ||
+ | <li id="w_Practice"><a class="w_a" href="https://2017.igem.org/Team:BNU-China/HP">Practice</a></li> | ||
+ | <li id="w_home"><a class="w_a" style="opacity:0;" href="https://2017.igem.org/Team:BNU-China">Home</a></li> | ||
+ | <li id="w_Achievement"><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Judging">Achievement</a></li> | ||
+ | <li id="w_Lab"><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Team">Lab</a></li> | ||
+ | <li id="w_Safety"><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Safety">Safety</a></li> | ||
+ | </ul> | ||
+ | <div id="w_navMenu" style="text-align:right;"> | ||
+ | <p>Menu▼</p> | ||
+ | <ul id="w_navMenuContent"> | ||
+ | <li id="w_Project"><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Description">Project</a></li> | ||
+ | <li id="w_Modeling"><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Model">Modeling</a></li> | ||
+ | <li id="w_Practice"><a class="w_a" href="https://2017.igem.org/Team:BNU-China/HP">Practice</a></li> | ||
+ | <li id="w_Achievement"><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Judging">Achievement</a></li> | ||
+ | <li id="w_Lab"><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Team">Lab</a></li> | ||
+ | <li id="w_Safety"><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Safety">Safety</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="w_content" style="text-align:center;"> | ||
+ | <div id="story0" class="w_indexPhoto" style="z-index:210;margin: 14px 0px 0px 0px;"> | ||
+ | <div id="abstract"> | ||
+ | <h1 style="line-height:normal;color:rgb(247,237,183);">Abstract</h1> | ||
+ | <p style="text-align:justify;"> | ||
+ | Our project aims to improve the loading capacity of yeast surface display system by displaying microtubules and flagellar filaments, respectively, onto the yeast surface. To start with, by using the agglutinin system, we anchored subunits of fibrous polymers which were represented here by microtubulin subunits or FilC, on the cell wall of yeast. Since the particular polymers' self-assembly could take place outside the cell, we provided the engineered yeast with an environment rich of pre-secreted polymers’ subunits. In this way, an extracellular tridimensional display system could be formed, which enlarged the loading capacity by roughly two orders of magnitude. Moreover, we remodified the structure of FliC, substituting its D3 domain by an enzyme of interest. By this means of displaying a fusion prtein of FilC-enzymes, the co-display ability was significantly enhanced. As a result, a highly efficient, whole-cell biocatalyst system was established. | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="story1" class="w_indexPhoto" style="z-index:209;margin: 14px 0px 0px 0px;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/7/7e/T--BNU-China--story1.jpg" alt="Sorry, the image is not spupported by your browser."> | ||
+ | </div> | ||
+ | <div id="story2" class="w_indexPhoto" style="z-index:208;margin: 14px 0px 0px 0px;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/0/07/T--BNU-China--story2.jpg" alt="Sorry, the image is not spupported by your browser."> | ||
+ | </div> | ||
+ | <div id="story3" class="w_indexPhoto" style="z-index:207;margin: 14px 0px 0px 0px;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/1/10/T--BNU-China--story3.jpg" alt="Sorry, the image is not spupported by your browser."> | ||
+ | </div> | ||
+ | <div id="story4" class="w_indexPhoto" style="z-index:206;margin: 14px 0px 0px 0px;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/8/8c/T--BNU-China--story4.jpg" alt="Sorry, the image is not spupported by your browser."> | ||
+ | </div> | ||
+ | <div id="story5" class="w_indexPhoto" style="z-index:205;margin: 14px 0px 0px 0px;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/2/22/T--BNU-China--story5.jpg" alt="Sorry, the image is not spupported by your browser."> | ||
+ | </div> | ||
+ | <div id="story6" class="w_indexPhoto" style="z-index:204;margin: 14px 0px 0px 0px;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/6/6c/T--BNU-China--story6.jpg" alt="Sorry, the image is not spupported by your browser."> | ||
+ | </div> | ||
+ | <div id="story7" class="w_indexPhoto" style="z-index:203;margin: 14px 0px 0px 0px;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/d/d2/T--BNU-China--story7.jpg" alt="Sorry, the image is not spupported by your browser."> | ||
+ | </div> | ||
+ | <div id="story8" class="w_indexPhoto" style="z-index:202;margin: 14px 0px 0px 0px;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/6/6a/T--BNU-China--story8.jpg" alt="Sorry, the image is not spupported by your browser."> | ||
+ | </div> | ||
+ | <div id="storyArrow" style="z-index:1000;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/3/33/T--BNU-China--index3.jpg" alt="↓" style="width:100%;font-size:40px;"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </body> | ||
</html> | </html> |
Latest revision as of 14:48, 31 October 2017
Abstract
Our project aims to improve the loading capacity of yeast surface display system by displaying microtubules and flagellar filaments, respectively, onto the yeast surface. To start with, by using the agglutinin system, we anchored subunits of fibrous polymers which were represented here by microtubulin subunits or FilC, on the cell wall of yeast. Since the particular polymers' self-assembly could take place outside the cell, we provided the engineered yeast with an environment rich of pre-secreted polymers’ subunits. In this way, an extracellular tridimensional display system could be formed, which enlarged the loading capacity by roughly two orders of magnitude. Moreover, we remodified the structure of FliC, substituting its D3 domain by an enzyme of interest. By this means of displaying a fusion prtein of FilC-enzymes, the co-display ability was significantly enhanced. As a result, a highly efficient, whole-cell biocatalyst system was established.