Difference between revisions of "Team:BNU-China"

 
(38 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
<head>
+
    <head>
<meta charset="utf-8">
+
        <meta charset="utf-8">
<title>BNU-China</title>
+
        <title>BNU-China</title>
<meta name="viewport" content="width=1280, initial-scale=1.0">
+
        <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="keywords" content="iGEM 2017" />
<meta name="author" content="Ziyu Liu(刘梓钰),Zhaodong Wang(王兆栋),Xizong Zhang(张溪棕)"/>
+
        <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--CiceroSans.ttf"/>
<link type="text/ttf" rel="stylesheet" href="https://2017.igem.org/File:T--BNU-China--Regular.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"/>
 +
<link type="text/css" rel="stylesheet" href="https://2017.igem.org/Template:BNU-China/CSS/final?action=raw&ctype=text/css
 +
" />
 
                 <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 28:
  
 
#globalWrapper,#content{
 
#globalWrapper,#content{
width: 100%;  
+
    width: 100%;  
height: 100%;
+
    height: 100%;
border: 0px;
+
    border: 0px;
margin: 0px;
+
    margin: 0px;
padding: 0px;
+
    padding: 0px;
 
}
 
}
  
 
#HQ_page p {
 
#HQ_page p {
        text-align: inherit!important;
+
    text-align: justify!important;
 +
}
 +
 
 +
#w_navMenu>p {
 +
    text-align: right!important;
 
}
 
}
  
Line 42: Line 48:
  
 
#content{
 
#content{
line-height:normal;
+
    line-height:normal;
 
}
 
}
  
Line 56: Line 62:
  
 
                 </style>
 
                 </style>
<script type="text/javascript">
+
        <script type="text/javascript">
var navWidth;
+
            var navWidth;
var navFontSize;
+
            var navFontSize;
var navTop;
+
            var navTop;
var idStoryMax=8;
+
            var idStoryMax=8;
var idStory=0;
+
            var idStory=0;
$(document).ready(function(){
+
            var result767=window.matchMedia('(max-width: 767px)');
$("#top_title").hide();
+
            $(document).ready(function(){
$("#sideMenu").hide();
+
$("#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>');
if($(window).width()>=767)
+
      $("#w_nav>ul>li>div").css({"paddingTop":-1*parseFloat($("#w_nav>ul").css("top"))});
{
+
    },function(){
$(".w_indexPhoto").hide();
+
      $("#w_nav>ul>li>div").remove();
$("#story0").show();
+
    });
}
+
    $("#w_Modeling").hover(function(){
$("#storyArrow").click(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>');
if(idStory<idStoryMax){
+
      $("#w_nav>ul>li>div").css({"paddingTop":-1*parseFloat($("#w_nav>ul").css("top"))});
$("html").animate({"scrollTop":$(document).height()-$(window).height()},400);
+
    },function(){
$("body").animate({"scrollTop":$(document).height()-$(window).height()},400,function(){
+
      $("#w_nav>ul>li>div").remove();
$("#story"+String(idStory)).slideUp(400,'swing');
+
    });
idStory=idStory+1;
+
    $("#w_Practice").hover(function(){
$("#story"+String(idStory)).show();
+
      $(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>');
$("html,body").animate({"scrollTop":0},400,function(){
+
      $("#w_nav>ul>li>div").css({"paddingTop":-1*parseFloat($("#w_nav>ul").css("top"))});
});
+
    },function(){
if(idStory==idStoryMax) $("#storyArrow").hide();
+
      $("#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);
  
$("#storyArrow").hover(function(){
+
                var fUpArrow=function(){
$(this).animate({"top":"+=2%"},500,"swing");
+
                  $("html,body").animate({"scrollTop":0},800);
},function(){
+
                  idStory=0;
$(this).animate({"top":"-=2%"},500,"swing");
+
                  $("#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);
 +
                  });
 +
                }
  
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").hover(function(){
$("#storyArrow").hide();
+
                    $(this).animate({"top":"+=2%"},500,"swing");
}
+
                },function(){
<!--导航栏自适应-->
+
                    $(this).animate({"top":"-=2%"},500,"swing");
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(){
+
                function handleMouseScroll(e) {
$("#w_nav>div>ul").slideToggle();
+
                    if(!result767.matches)
});
+
                    {
<!--侧栏自适应-->
+
                        if(e.wheelDelta<0){
$("#w_menu>li>ul").hide().click(function(event){
+
                            if(idStory<idStoryMax){
event.stopPropagation();
+
                                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;
  
$("#w_menu>li").click(function(){
+
                if(result767.matches){
var menuFlag=true;
+
                    $("#storyArrow").hide();
if($(this).find('ul').is(":visible"))
+
                }
menuFlag=false;
+
                else{
$("#w_menu>li>ul:visible").slideUp();
+
                    $("#story0").height(document.body.scrollHeight-parseFloat($("#story0").css("padding-top"))-parseFloat($("#story0").css("top"))-parseFloat($("#story0").css("margin-top"))+30);
if(menuFlag)
+
}
$(this).find('ul').slideToggle();
+
                <!--导航栏自适应-->
});
+
                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_menu>li>ul>li>p").click(function(){
+
                $("#w_nav>div>p").click(function(){
var x=$(this).data("id");
+
                    $("#w_nav>div>ul").slideToggle();
$('html').animate({scrollTop:$(x).offset().top-$("#w_nav").height()*2/3},500);
+
                });
});
+
                <!--悟空眼睛-->
<!--悟空眼睛-->
+
                $(document).mousemove(function(e){
$(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))});
 
         });
 
         });
 
+
$(document).on('touchstart',function(e) {
});
+
var x=$("#eye").width()/2;
<!--导航栏首页故事自适应-->
+
          var y=$("#eye").height()/2;
$(window).resize(function(){
+
          $("#eye").css({"left":parseFloat(String((e.pageX-x)/100)),"top":parseFloat(String((e.pageY-$(window).scrollTop()-y)/100))});
if($(window).width()<=767){
+
});
$("#storyArrow").hide();
+
            });
$(".w_indexPhoto").show();
+
            <!--导航栏首页故事自适应-->
}
+
            $(window).resize(function(){
else{
+
                if(result767.matches){
$("#storyArrow").show();
+
                    $("#storyArrow").hide();
$(".w_indexPhoto").hide();
+
                    $(".w_indexPhoto").show();
$("#story"+String(idStory)).show();
+
                    $("#story0").height(500);
}
+
                }
if($(window).width()>=480){
+
                else{
$("#w_nav>div").hide();
+
                    $("#storyArrow").show();
$("#w_nav>ul").show();
+
                    $(".w_indexPhoto").hide();
$("#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))});
+
                    $("#story"+String(idStory)).show();
$("#w_nav>ul").css({"top":parseFloat(navTop)*parseFloat(String($(window).width()))/parseFloat(String(navWidth))});
+
                    $("#story0").height(document.body.scrollHeight-parseFloat($("#story0").css("padding-top"))-parseFloat($("#story0").css("top"))-parseFloat($("#story0").css("margin-top")));
$("#w_nav>div>ul").css({"top":parseFloat(navTop)*parseFloat(String($(window).width()))/parseFloat(String(navWidth))});
+
                }
navWidth=$(window).width();
+
                if($(window).innerWidth()>=480){
navFontSize=$("#w_nav>ul>li>a").css("font-size");
+
                    $("#w_nav>div").hide();
navTop=$("#w_nav>ul").css("top");
+
                    $("#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))});
else{
+
                    $("#w_nav>ul").css({"top":parseFloat(navTop)*parseFloat(String($(window).width()))/parseFloat(String(navWidth))});
$("#w_nav>ul").hide();
+
                    navWidth=$(window).width();
$("#w_nav>div").show();
+
                    navFontSize=$("#w_nav>ul>li>a").css("font-size");
$("#w_nav>div>ul").hide();
+
                    navTop=$("#w_nav>ul").css("top");
}
+
                }
 
+
                else{
 
+
                    $("#w_nav>ul").hide();
});
+
                    $("#w_nav>div").show();
</script>
+
                    $("#w_nav>div>ul").hide();
</head>
+
                }
<body style="background-color:rgb(247,237,183);">
+
            });
<div id="w_nav" style="top:15px;">
+
        </script>
<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.">
+
    </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 211: 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/Home">Home</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_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>
 
             <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;margin-top:500px;">
+
            <div id="w_navMenu" style="text-align:right;">
<p>Menu▼</p>
+
                <p>Menu▼</p>
<ul id="w_navMenuContent">
+
                <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_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_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_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>
<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>
+
            </div>
</div>
+
        </div>
<div class="w_content" style="text-align:center;">
+
        <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="story0" class="w_indexPhoto" style="z-index:210;margin: 14px 0px 0px 0px;">
      <div id="abstract">
+
          <div id="abstract">
<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 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.
+
                        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>
    </div>
+
        </div>
<div id="story1" class="w_indexPhoto" style="z-index:209;margin: 14px 0px 0px 0px;">
+
            <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.">
+
                <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>
<div id="story2" class="w_indexPhoto" style="z-index:208;margin: 14px 0px 0px 0px;">
+
            <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.">
+
                <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>
<div id="story3" class="w_indexPhoto" style="z-index:207;margin: 14px 0px 0px 0px;">
+
            <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.">
+
                <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>
<div id="story4" class="w_indexPhoto" style="z-index:206;margin: 14px 0px 0px 0px;">
+
            <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.">
+
                <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>
<div id="story5" class="w_indexPhoto" style="z-index:205;margin: 14px 0px 0px 0px;">
+
            <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.">
+
                <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>
<div id="story6" class="w_indexPhoto" style="z-index:204;margin: 14px 0px 0px 0px;">
+
            <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.">
+
                <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>
<div id="story7" class="w_indexPhoto" style="z-index:203;margin: 14px 0px 0px 0px;">
+
            <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.">
+
                <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>
<div id="story8" class="w_indexPhoto" style="z-index:202;margin: 14px 0px 0px 0px;">
+
            <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.">
+
                <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>
<div id="storyArrow" style="z-index:1000;">
+
            <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;">
+
                <img src="https://static.igem.org/mediawiki/2017/3/33/T--BNU-China--index3.jpg" alt="↓" style="width:100%;font-size:40px;">
</div>
+
            </div>
</div>
+
        </div>
</body>
+
    </body>
 
</html>
 
</html>

Latest revision as of 14:48, 31 October 2017

BNU-China

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.

Sorry, the image is not spupported by your browser.
Sorry, the image is not spupported by your browser.
Sorry, the image is not spupported by your browser.
Sorry, the image is not spupported by your browser.
Sorry, the image is not spupported by your browser.
Sorry, the image is not spupported by your browser.
Sorry, the image is not spupported by your browser.
Sorry, the image is not spupported by your browser.
↓