(27 intermediate revisions by 5 users not shown) | |||
Line 37: | Line 37: | ||
#HQ_page p { | #HQ_page p { | ||
text-align: justify!important; | text-align: justify!important; | ||
+ | } | ||
+ | |||
+ | #w_navMenu>p { | ||
+ | text-align: right!important; | ||
} | } | ||
Line 66: | Line 70: | ||
var result767=window.matchMedia('(max-width: 767px)'); | var result767=window.matchMedia('(max-width: 767px)'); | ||
$(document).ready(function(){ | $(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(); | $("#top_title").hide(); | ||
$("#sideMenu").hide(); | $("#sideMenu").hide(); | ||
Line 79: | Line 119: | ||
$("#story0").show(); | $("#story0").show(); | ||
} | } | ||
− | + | var fDownArrow=function(){ | |
if(idStory<idStoryMax){ | if(idStory<idStoryMax){ | ||
$("html").animate({"scrollTop":$(document).height()-$(window).height()},400); | $("html").animate({"scrollTop":$(document).height()-$(window).height()},400); | ||
Line 88: | Line 128: | ||
$("html,body").animate({"scrollTop":0},400,function(){ | $("html,body").animate({"scrollTop":0},400,function(){ | ||
}); | }); | ||
− | if(idStory==idStoryMax) $("#storyArrow"). | + | 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(){ | $("#storyArrow").hover(function(){ | ||
Line 108: | Line 169: | ||
window.onmousewheel =0; | window.onmousewheel =0; | ||
$("html,body").animate({"scrollTop":0}); | $("html,body").animate({"scrollTop":0}); | ||
− | $("#story"+String(idStory)).slideUp( | + | $("#story"+String(idStory)).slideUp(400,'swing',function(){window.onmousewheel = handleMouseScroll;}); |
idStory=idStory+1; | idStory=idStory+1; | ||
$("#story"+String(idStory)).show(); | $("#story"+String(idStory)).show(); | ||
− | if(idStory==idStoryMax) $("#storyArrow"). | + | 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); | ||
+ | } | ||
} | } | ||
} | } | ||
Line 123: | Line 190: | ||
$("html,body").animate({"scrollTop":0},800); | $("html,body").animate({"scrollTop":0},800); | ||
idStory=idStory-1; | idStory=idStory-1; | ||
− | $("#story"+String(idStory)).slideDown( | + | $("#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); | ||
} | } | ||
− | |||
} | } | ||
} | } | ||
Line 136: | Line 209: | ||
$("#storyArrow").hide(); | $("#storyArrow").hide(); | ||
} | } | ||
− | else | + | else{ |
− | $("#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"))+30); |
+ | } | ||
<!--导航栏自适应--> | <!--导航栏自适应--> | ||
if($(window).innerWidth()>=480){ | if($(window).innerWidth()>=480){ | ||
Line 146: | Line 220: | ||
$("#w_nav>div>ul").hide(); | $("#w_nav>div>ul").hide(); | ||
} | } | ||
− | |||
$("#w_nav>ul").css({"top":$(window).width()/1280*(-41)}); | $("#w_nav>ul").css({"top":$(window).width()/1280*(-41)}); | ||
− | $("#w_nav | + | $("#w_nav>ul>li>a").css({"width":$(window).width()/7-10,"font-size":$(window).width()/1280*25,"top":0}); |
navWidth=$(window).width(); | navWidth=$(window).width(); | ||
navFontSize=$("#w_nav>ul>li>a").css("font-size"); | navFontSize=$("#w_nav>ul>li>a").css("font-size"); | ||
Line 184: | Line 257: | ||
$("#w_nav>div").hide(); | $("#w_nav>div").hide(); | ||
$("#w_nav>ul").show(); | $("#w_nav>ul").show(); | ||
− | $("#w_nav>ul>li>a").css({"width":$(window).width()/7-10,"font-size":parseFloat(navFontSize | + | $("#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))}); | $("#w_nav>ul").css({"top":parseFloat(navTop)*parseFloat(String($(window).width()))/parseFloat(String(navWidth))}); | ||
− | |||
navWidth=$(window).width(); | navWidth=$(window).width(); | ||
navFontSize=$("#w_nav>ul>li>a").css("font-size"); | navFontSize=$("#w_nav>ul>li>a").css("font-size"); | ||
Line 207: | Line 279: | ||
<li id="w_Modeling"><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Model">Modeling</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_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 | + | <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_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_Lab"><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Team">Lab</a></li> | ||
Line 229: | Line 301: | ||
<h1 style="line-height:normal;color:rgb(247,237,183);">Abstract</h1> | <h1 style="line-height:normal;color:rgb(247,237,183);">Abstract</h1> | ||
<p style="text-align:justify;"> | <p style="text-align:justify;"> | ||
− | Our project aims to improve the loading capacity of yeast surface display system by displaying | + | 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> | </p> | ||
</div> | </div> |
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.