|
|
| (32 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| | <html> | | <html> |
| − | <head>
| + | <head> |
| − | <meta charset="utf-8">
| + | <title></title> |
| − | <title>BNU-China</title>
| + | </head> |
| − | <meta name="viewport" content="width=device-width, initial-scale=1.0">
| + | <body> |
| − | <meta name="Team" content="BNU-China" />
| + | </body> |
| − | <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"/>
| + | |
| − | <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: inherit!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;
| + | |
| − | $(document).ready(function(){
| + | |
| − | $("#top_title").hide();
| + | |
| − | $("#sideMenu").hide();
| + | |
| − | <!--首页故事-->
| + | |
| − | if($(window).width()>=767)
| + | |
| − | {
| + | |
| − | $(".w_indexPhoto").hide();
| + | |
| − | $("#story0").show();
| + | |
| − | }
| + | |
| − | $("#storyArrow").click(function(){
| + | |
| − | if(idStory<idStoryMax){
| + | |
| − | $("html,body").animate({"scrollTop":0},800);
| + | |
| − | $("#story"+String(idStory)).slideUp(800,'swing');
| + | |
| − | idStory=idStory+1;
| + | |
| − | $("#story"+String(idStory)).show();
| + | |
| − | }
| + | |
| − | });
| + | |
| − | | + | |
| − | $("#storyArrow").hover(function(){
| + | |
| − | $(this).animate({"top":"+=2%"},500,"swing");
| + | |
| − | },function(){
| + | |
| − | $(this).animate({"top":"-=2%"},500,"swing");
| + | |
| − | });
| + | |
| − | | + | |
| − | function handleMouseScroll(e) {
| + | |
| − | if($(window).width()>=767)
| + | |
| − | {
| + | |
| − | 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($(window).width()<=767){
| + | |
| − | $("#storyArrow").hide();
| + | |
| − | }
| + | |
| − | <!--导航栏自适应-->
| + | |
| − | if($(window).width()>=480){
| + | |
| − | $("#w_nav>div").hide();
| + | |
| − | }
| + | |
| − | if($(window).width()<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();
| + | |
| − | });
| + | |
| − | <!--侧栏自适应-->
| + | |
| − | $("#w_menu>li>ul").hide().click(function(event){
| + | |
| − | event.stopPropagation();
| + | |
| − | });
| + | |
| − | | + | |
| − | $("#w_menu>li").click(function(){
| + | |
| − | var menuFlag=true;
| + | |
| − | if($(this).find('ul').is(":visible"))
| + | |
| − | menuFlag=false;
| + | |
| − | $("#w_menu>li>ul:visible").slideUp();
| + | |
| − | if(menuFlag)
| + | |
| − | $(this).find('ul').slideToggle();
| + | |
| − | });
| + | |
| − | | + | |
| − | $("#w_menu>li>ul>li>p").click(function(){
| + | |
| − | var x=$(this).data("id");
| + | |
| − | $('html').animate({scrollTop:$(x).offset().top-$("#w_nav").height()*2/3},500);
| + | |
| − | });
| + | |
| − | <!--悟空眼睛-->
| + | |
| − | $(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))});
| + | |
| − | });
| + | |
| − | | + | |
| − | });
| + | |
| − | <!--导航栏首页故事自适应-->
| + | |
| − | $(window).resize(function(){
| + | |
| − | if($(window).width()<=767){
| + | |
| − | $("#storyArrow").hide();
| + | |
| − | $(".w_indexPhoto").show();
| + | |
| − | }
| + | |
| − | else{
| + | |
| − | $("#storyArrow").show();
| + | |
| − | $(".w_indexPhoto").hide();
| + | |
| − | $("#story"+String(idStory)).show();
| + | |
| − | }
| + | |
| − | if($(window).width()>=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;">
| + | |
| − | <ul>
| + | |
| − | <li id="w_Project"><a class="w_a" href="#">Project</a></li>
| + | |
| − | <li id="w_Modeling"><a class="w_a" href="#">Modeling</a></li>
| + | |
| − | <li id="w_Practice"><a class="w_a" href="#">Practice</a></li>
| + | |
| − | <li id="w_home"><a class="w_a" style="opacity:0;" href="#">Home</a></li>
| + | |
| − | <li id="w_Achievement"><a class="w_a" href="#">Achievement</a></li>
| + | |
| − | <li id="w_Lab"><a class="w_a" href="#">Lab</a></li>
| + | |
| − | <li id="w_Safety"><a class="w_a" href="#">Safety</a></li>
| + | |
| − | </ul>
| + | |
| − | <div id="w_navMenu" style="text-align:right;margin-top:500px;">
| + | |
| − | <p>Menu▼</p>
| + | |
| − | <ul id="w_navMenuContent">
| + | |
| − | <li id="w_Project"><a class="w_a" href="#">Project</a></li>
| + | |
| − | <li id="w_Modeling"><a class="w_a" href="#">Modeling</a></li>
| + | |
| − | <li id="w_Practice"><a class="w_a" href="#">Practice</a></li>
| + | |
| − | <li id="w_Achievement"><a class="w_a" href="#">Achievement</a></li>
| + | |
| − | <li id="w_Lab"><a class="w_a" href="#">Lab</a></li>
| + | |
| − | <li id="w_Safety"><a class="w_a" href="#">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 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> |
