Difference between revisions of "Team:BNU-China"
| Line 1: | Line 1: | ||
<html> | <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="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/background?action=raw&ctype=text/css"/> | ||
| + | <script type="text/javascript" src="js/jquery-3.1.1.min.js"></script> | ||
<style> | <style> | ||
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear, .center {display: none;} /*-- hides default wiki settings --*/ | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear, .center {display: none;} /*-- hides default wiki settings --*/ | ||
| Line 26: | Line 27: | ||
#globalWrapper,#content{ | #globalWrapper,#content{ | ||
| − | + | width: 100%; | |
| − | + | height: 100%; | |
| − | + | border: 0px; | |
| − | + | margin: 0px; | |
| − | + | padding: 0px; | |
} | } | ||
#HQ_page p { | #HQ_page p { | ||
| − | + | text-align: justify!important; | |
} | } | ||
| Line 42: | Line 43: | ||
#content{ | #content{ | ||
| − | + | line-height:normal; | |
} | } | ||
| Line 56: | Line 57: | ||
</style> | </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(){ | |
| − | + | $("#top_title").hide(); | |
| − | + | $("#sideMenu").hide(); | |
| − | + | <!--首页故事--> | |
| − | + | if(result767.matches){ | |
| − | + | $("#storyArrow").hide(); | |
| − | + | $(".w_indexPhoto").show(); | |
| − | + | $("#story0").height(500); | |
| − | + | } | |
| − | + | else | |
| − | + | { | |
| − | + | $(".w_indexPhoto").hide(); | |
| − | + | $("#story0").show(); | |
| − | + | } | |
| − | + | $("#storyArrow").click(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").hide(); | ||
| + | }); | ||
| + | } | ||
| + | }); | ||
| − | + | $("#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(800,'swing',function(){window.onmousewheel = handleMouseScroll;}); | |
| − | + | idStory=idStory+1; | |
| − | + | $("#story"+String(idStory)).show(); | |
| − | + | if(idStory==idStoryMax) $("#storyArrow").hide(); | |
| − | + | } | |
| − | + | } | |
| − | + | } | |
| − | + | else{ | |
| − | + | if($(window).scrollTop()==0) | |
| − | + | { | |
| − | + | if(idStory>0) | |
| − | + | { | |
| − | + | window.onmousewheel =0; | |
| − | + | $("html,body").animate({"scrollTop":0},800); | |
| − | + | idStory=idStory-1; | |
| − | + | $("#story"+String(idStory)).slideDown(800,'swing',function(){$("#story"+String(idStory+1)).hide();window.onmousewheel = handleMouseScroll;}); | |
| − | + | } | |
| − | + | if(idStory<idStoryMax) $("#storyArrow").show(); | |
| − | + | } | |
| − | + | } | |
| − | + | } | |
| − | + | } | |
| − | + | // window.onmousewheel = document.onmousewheel = handleMouseScroll; | |
| − | + | window.onmousewheel = handleMouseScroll; | |
| − | + | if(result767.matches){ | |
| − | + | $("#storyArrow").hide(); | |
| − | + | } | |
| − | $("#story0").height(document.body.scrollHeight-parseFloat($("#story0").css("padding-top"))-parseFloat($("#story0").css("top"))-parseFloat($("#story0").css("margin-top"))); | + | else |
| + | $("#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(); | ||
| + | } | ||
| + | if($(window).innerWidth()<480){ | ||
| + | $("#w_nav>ul").hide(); | ||
| + | $("#w_nav>div>ul").hide(); | ||
| + | } | ||
| + | $("#w_nav>ul>li>a").css({"width":$(window).width()/7-10,"font-size":$(window).width()/1280*25}); | ||
| + | $("#w_nav>ul").css({"top":$(window).width()/1280*(-41)}); | ||
| + | $("#w_nav>div>ul").css({"top":$(window).width()/1280*(-41)}); | ||
| + | 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 x=$("#eye").width()/2; | ||
var y=$("#eye").height()/2; | var y=$("#eye").height()/2; | ||
$("#eye").css({"left":parseFloat(String((e.pageX-x)/100)),"top":parseFloat(String((e.pageY-$(window).scrollTop()-y)/100))}); | $("#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"))); | + | $("#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)),"top":parseFloat(navTop)*parseFloat(String($(window).width()))/parseFloat(String(navWidth))}); | |
| − | + | $("#w_nav>ul").css({"top":parseFloat(navTop)*parseFloat(String($(window).width()))/parseFloat(String(navWidth))}); | |
| − | + | $("#w_nav>div>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;"> | <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> | <ul> | ||
| Line 201: | Line 206: | ||
<li id="w_Safety"><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Safety">Safety</a></li> | <li id="w_Safety"><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Safety">Safety</a></li> | ||
</ul> | </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> | </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 the microtubules and the flagellar filaments, respectively, onto the yeast surface. To start with, By using the agglutinin system, we anchored subunits of fibrous polymers which are represented here by microtubulin subunits or FilC, on the cell wall of yeast. Since the particular polymers self-assembly can take place outside cell membrane, we provide the engineered yeast with an environment rich of pre-secreted polymers’ subunits. In this way, an extracellular tridimensional display system could be formed, which can enlarge the loading capacity by roughly an order of magnitudes. Moreover, we remodify the structure of FliC, substituting its D3 domain by the particular enzyme. By means of display and assemble specific combination of FilC-enzymes, the co-display ability can be greatly enhanced. As a result, a highly efficient, whole-cell biocatalyst system would be established at the meantime. | |
| − | + | </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> | ||
Revision as of 06:09, 15 October 2017
Abstract
Our project aims to improve the loading capacity of yeast surface display system by displaying the microtubules and the flagellar filaments, respectively, onto the yeast surface. To start with, By using the agglutinin system, we anchored subunits of fibrous polymers which are represented here by microtubulin subunits or FilC, on the cell wall of yeast. Since the particular polymers self-assembly can take place outside cell membrane, we provide the engineered yeast with an environment rich of pre-secreted polymers’ subunits. In this way, an extracellular tridimensional display system could be formed, which can enlarge the loading capacity by roughly an order of magnitudes. Moreover, we remodify the structure of FliC, substituting its D3 domain by the particular enzyme. By means of display and assemble specific combination of FilC-enzymes, the co-display ability can be greatly enhanced. As a result, a highly efficient, whole-cell biocatalyst system would be established at the meantime.
