Difference between revisions of "Team:BIT-China"

 
(47 intermediate revisions by 5 users not shown)
Line 25: Line 25:
 
     height:18px;
 
     height:18px;
 
}
 
}
−
 
+
.footer .social-icons a {
 +
    background-color: #47326b;
 +
    border: 1px solid #654d6f;
 +
    color: #ffffff;
 +
}
 
.footer-widgets .widget-title {
 
.footer-widgets .widget-title {
 
     margin-top: 0;
 
     margin-top: 0;
Line 38: Line 42:
 
     padding: 0;
 
     padding: 0;
 
}
 
}
 +
 +
.overview-content img{
 +
    max-width:100%;
 +
}
 +
 
         .tabdown-toggle{
 
         .tabdown-toggle{
 
             text-shadow: 0 1px 5px rgba(198,24,0,0.3);
 
             text-shadow: 0 1px 5px rgba(198,24,0,0.3);
Line 149: Line 158:
 
         .title-span img{
 
         .title-span img{
 
             padding: 0;
 
             padding: 0;
−
        }
 
−
 
−
        /*Overview部分样式*/
 
−
        .overview-txt{
 
−
            margin-top: 1em;
 
−
            font-weight: bold;
 
−
            font-size: 4em;
 
−
            color:#444444;
 
−
 
−
        }
 
−
        .overview-content{
 
−
            /*padding: 10px;*/
 
−
            margin-top: 1.5em;
 
−
        }
 
−
        .overview-content p{
 
−
            margin-top: 1.5em;
 
−
            font-weight: bold;
 
−
            font-size: 20px;
 
−
            color: #424242
 
 
         }
 
         }
  
Line 185: Line 175:
 
         }
 
         }
  
−
         .home-nav-txt:nth-child(2){
+
 
−
             margin-top: 20px;
+
         .home-nav-txt:nth-child(even){
 +
             margin-top: 0px;
 
             font-family:inherit;;
 
             font-family:inherit;;
 
             font-weight: bolder !important;
 
             font-weight: bolder !important;
 
             color: #FEAC44;
 
             color: #FEAC44;
 +
        }
 +
 +
/*overview部分文字*/
 +
        .overview-item-txt{
 +
            font-family: Arial,san-serif;
 +
            font-size: 2rem;
 +
            text-align: left;
 +
            white-space: nowrap;
 +
            display: flex;height: 300px;
 +
            width: 50%;
 +
 +
            justify-content: center;
 +
            -webkit-justify-content: center;
 +
            align-items: center;
 +
            -webkit-align-items: center;
 +
        }
 +
 +
        .overview-item-txt span{
 +
            margin: auto;
 +
        }
 +
 +
        .overview-item{
 +
            display: flex;
 +
            margin-top: 20px;
 +
            justify-content: center;
 +
            -webkit-justify-content: center;
 +
        }
 +
 +
        .overview-item-img{
 +
            width: 40%;
 +
            display: flex;
 +
            height: 300px;
 +
        }
 +
 +
        .overview-item-img img{
 +
            margin: auto;
 +
            width: 290px;
 +
            height: auto;
 +
        }
 +
 +
        @media screen and (max-device-width:1000px){
 +
            .overview-item-txt{
 +
                width: 60%;
 +
                margin-left: 5%;
 +
            }
 +
 +
            .overview-item-img {
 +
                width: 30%;
 +
                margin-left: 5%;
 +
 +
            }
 +
            .overview-item-img img{
 +
                width: 200px;
 +
            }
 
         }
 
         }
 
</style>
 
</style>
Line 195: Line 240:
 
</head>
 
</head>
 
<body >
 
<body >
−
 
−
<!--加载界面-->
 
−
<div class="site-cover" id="site-cover" style="display: table;">
 
−
    <span class="circle-wrapper" style="display: table-cell;vertical-align: middle">
 
−
        <div class="sk-circle">
 
−
            <div class="sk-circle1 sk-child"></div>
 
−
            <div class="sk-circle2 sk-child"></div>
 
−
            <div class="sk-circle3 sk-child"></div>
 
−
            <div class="sk-circle4 sk-child"></div>
 
−
            <div class="sk-circle5 sk-child"></div>
 
−
            <div class="sk-circle6 sk-child"></div>
 
−
            <div class="sk-circle7 sk-child"></div>
 
−
            <div class="sk-circle8 sk-child"></div>
 
−
            <div class="sk-circle9 sk-child"></div>
 
−
            <div class="sk-circle10 sk-child"></div>
 
−
            <div class="sk-circle11 sk-child"></div>
 
−
            <div class="sk-circle12 sk-child"></div>
 
−
        </div>
 
−
    </span>
 
−
</div>
 
  
 
<div class="col-sm-12" style="padding:0;background:url(https://static.igem.org/mediawiki/2016/4/45/T--BIT-China--content_bg.jpg)">
 
<div class="col-sm-12" style="padding:0;background:url(https://static.igem.org/mediawiki/2016/4/45/T--BIT-China--content_bg.jpg)">
Line 223: Line 248:
 
                                 ">
 
                                 ">
  
−
     <!--需要动态显示的导航栏-->
+
     <!--显示在顶部的导航栏——不固定-->
−
     <div class="col-sm-12 roll-nav roll-nav-hide content-wrap" id="nav-hide">
+
     <div class="col-sm-12 clearfix " style="padding: 0;height: 106px;">
−
         <div class="header-container clearfix home-img" id="home-copy-container"
+
         <div class="header-container clearfix home-img" id="header-container"
−
             style="margin-top: 20px" >
+
             style="margin-top: 20px;z-index: 10" >
−
            <a href="https://2016.igem.org/Team:BIT-China">
+
 
−
                    <div class="site-logo center-block col-sm-1" style="display: table;padding: 0;">
+
            <a href="https://2016.igem.org/Team:BIT-China">
 +
                <div class="site-logo center-block col-sm-1" style="display: table;padding: 0;height: 100%;">
 
                     <span style="display: table-cell;vertical-align: middle;">
 
                     <span style="display: table-cell;vertical-align: middle;">
 
                     <img src="https://static.igem.org/mediawiki/2016/e/e2/T--BIT-China--img--logo-purple.png"
 
                     <img src="https://static.igem.org/mediawiki/2016/e/e2/T--BIT-China--img--logo-purple.png"
Line 262: Line 288:
 
                             <li class="tabdown-submenu"><a href="https://2016.igem.org/Team:BIT-China/Design">Design</a></li>
 
                             <li class="tabdown-submenu"><a href="https://2016.igem.org/Team:BIT-China/Design">Design</a></li>
 
                             <li class="tabdown-submenu"><a href="https://2016.igem.org/Team:BIT-China/Results">Results</a></li>
 
                             <li class="tabdown-submenu"><a href="https://2016.igem.org/Team:BIT-China/Results">Results</a></li>
 +
                            <li class="tabdown-submenu"><a href="https://2016.igem.org/Team:BIT-China/Proof">Proof</a></li>
 
                         </ul>
 
                         </ul>
 
                     </li>
 
                     </li>
 
                     <li class="tabdown">
 
                     <li class="tabdown">
−
                         <a class="tabdown-toggle" data-toggle="tabdown" data-target="#" href="javascript:;">
+
                         <a class="tabdown-toggle" href="https://2016.igem.org/Team:BIT-China/Model">
 
                             <img style="height: 30px;" src="https://static.igem.org/mediawiki/2016/2/24/T--BIT-China--img--modeling.png"
 
                             <img style="height: 30px;" src="https://static.igem.org/mediawiki/2016/2/24/T--BIT-China--img--modeling.png"
 
                                 alt="modeling">
 
                                 alt="modeling">
 
                             <!--Modeling &nbsp;<i class="fa fa-sort-desc" aria-hidden="true"></i>-->
 
                             <!--Modeling &nbsp;<i class="fa fa-sort-desc" aria-hidden="true"></i>-->
 
                         </a>
 
                         </a>
−
 
−
                        <ul class="tabdown-menu">
 
−
                            <li><a href="https://2016.igem.org/Team:BIT-China/Model">Experiment Part</a></li>
 
−
                            <li><a href="https://2016.igem.org/Team:BIT-China/Model">Application Part</a></li>
 
−
                        </ul>
 
 
                     </li>
 
                     </li>
 
                     <li class="tabdown">
 
                     <li class="tabdown">
Line 285: Line 307:
 
                             <li><a href="https://2016.igem.org/Team:BIT-China/Notebook">Lab Book</a></li>
 
                             <li><a href="https://2016.igem.org/Team:BIT-China/Notebook">Lab Book</a></li>
 
                             <li><a href="https://2016.igem.org/Team:BIT-China/Protocol">Protocol</a></li>
 
                             <li><a href="https://2016.igem.org/Team:BIT-China/Protocol">Protocol</a></li>
−
                             <li><a href="https://2016.igem.org/Team:BIT-China/E_M">Equipments && Materials</a></li>
+
                             <li><a href="https://2016.igem.org/Team:BIT-China/E_M">Equipments & Materials</a></li>
 
                             <li><a href="https://2016.igem.org/Team:BIT-China/Safety">Safety</a></li>
 
                             <li><a href="https://2016.igem.org/Team:BIT-China/Safety">Safety</a></li>
 
                         </ul>
 
                         </ul>
Line 298: Line 320:
 
                         <ul class="tabdown-menu">
 
                         <ul class="tabdown-menu">
 
                             <li><a href="https://2016.igem.org/Team:BIT-China/Team">Members</a></li>
 
                             <li><a href="https://2016.igem.org/Team:BIT-China/Team">Members</a></li>
−
                             <li><a href="https://2016.igem.org/Team:BIT-China/Collaboration">Collaborations</a></li>
+
                             <li><a href="https://2016.igem.org/Team:BIT-China/Collaborations">Collaborations</a></li>
 
                             <li><a href="https://2016.igem.org/Team:BIT-China/Attributions">Attributions</a></li>
 
                             <li><a href="https://2016.igem.org/Team:BIT-China/Attributions">Attributions</a></li>
 +
                            <li><a href="https://2016.igem.org/Team:BIT-China/Team/Gallery">Gallery</a></li>
 +
                            <li><a href="https://2016.igem.org/Team:BIT-China/Team/Gaint_Jamboree">Gaint Jamboree</a></li>
 
                         </ul>
 
                         </ul>
 
                     </li>
 
                     </li>
  
 
                     <li class="tabdown">
 
                     <li class="tabdown">
−
                         <a class="tabdown-toggle" href="https://2016.igem.org/Team:BIT-China/Human_Practices">
+
                         <a class="tabdown-toggle" data-toggle="tabdown" data-target="#" href="javascript:;">
−
                             <img style="height: 30px;" src="https://static.igem.org/mediawiki/2016/3/3c/T--BIT-China--img--hp.png" alt="hp">
+
                             <img style="height: 30px;" src="https://static.igem.org/mediawiki/2016/3/3c/T--BIT-China--img--hp.png"
 +
                                alt="hp">
 
                             <!--Human Practice-->
 
                             <!--Human Practice-->
 +
                            <!-- https://2016.igem.org/Team:BIT-China/Human_Practices-->
 
                         </a>
 
                         </a>
 +
 +
                        <ul class="tabdown-menu">
 +
                            <li><a href="https://2016.igem.org/Team:BIT-China/HP/Gold">HP_Gold</a></li>
 +
                            <li><a href="https://2016.igem.org/Team:BIT-China/HP/Silver">HP_Silver</a></li>
 +
                        </ul>
 
                     </li>
 
                     </li>
 
                 </ul>
 
                 </ul>
 
             </div>
 
             </div>
 
             <!-- END NAVIGATION -->
 
             <!-- END NAVIGATION -->
−
        </div>
 
−
    </div>
 
−
 
−
    <!--显示在顶部的导航栏——不固定-->
 
−
    <div class="col-sm-12" style="padding: 0;">
 
−
        <div class="header-container clearfix home-img" id="header-container"
 
−
            style="margin-top: 20px" >
 
 
         </div>
 
         </div>
 
     </div>
 
     </div>
Line 343: Line 367:
 
             <img src="https://static.igem.org/mediawiki/2016/e/e5/T--BIT-China--img--home_title_down.png" alt="home_title_down" class="col-sm-4 col-sm-offset-4">
 
             <img src="https://static.igem.org/mediawiki/2016/e/e5/T--BIT-China--img--home_title_down.png" alt="home_title_down" class="col-sm-4 col-sm-offset-4">
 
         </div>
 
         </div>
−
         <div class="home-nav-txt ">
+
         <div class="home-nav-txt">
−
            Kill the Slacker
+
            Plasmid-Sensing Logically and Adjustably Cell Killer
 
         </div>
 
         </div>
 
         <div class="home-nav-txt">
 
         <div class="home-nav-txt">
−
            Monitor Plasmid Numbers
+
            Monitoring Plasmid Numbers
 +
        </div>
 +
        <div class="home-nav-txt " style="font-weight:100">
 +
            Kill the Slacker
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 
</div>
 
</div>
 +
  
 
<!--Overview部分-->
 
<!--Overview部分-->
Line 359: Line 387:
 
     </div>
 
     </div>
 
     <div class="col-sm-12" style="padding: 0;">
 
     <div class="col-sm-12" style="padding: 0;">
−
         <div class="container center-block" style="background: white;margin-top: 1em;margin-bottom:1em;padding: 0;border-radius: 10px">
+
         <div class="container center-block" style="background: url(https://static.igem.org/mediawiki/2016/5/59/T--BIT-China--img--basic_bg3.png);margin-top: 1em;margin-bottom:1em;padding: 0;border-radius: 10px">
−
             <div class="overview-content" style="border:1px dashed #333333;
+
             <div class="overview-content clearfix" style="border:1px dashed #333333;
−
             border-radius: 10px;margin: 0.5em;padding: 10px;">
+
             border-radius: 10px;margin: 0.5em;padding: 10px 50px;">
−
                <p style="font-size:20px">Genetic engineering is a powerful approach in producing products like enzymes and is dramatically improving human life quality. However, in the procedure of large-scale industrial production, due to the random distribution of plasmids in the process of bacteria proliferation and division, the bacteria containing less plasmids will gradually become the “slackers”.</p>
+
−
                <p style="font-size:20px">There is no efficient way to prevent the birth of plasmid-free bacteria and the applied ways are only limited to the laboratory-use. Generally, we aim to avoid these undesired bacteria become the dominant population. We defined a certain number of plasmids as the threshold and make the bacteria sense and automatically control its plasmid concentration in a single cell.</p>
+
−
                <p style="font-size:20px">To achieve this goal, we use the concentration of inhibitor proteins as a signal indicating the plasmid numbers, and it can trigger the downstream reaction by activating the killer gene while the plasmid concentration reduce to the threshold.</p>
+
−
            </div>
+
−
        </div>
+
−
    </div>
+
−
</div>
+
  
−
<!--分界线-->
+
                <div class="overview-item col-sm-12" style="padding: 0;">
−
<hr class="col-sm-12" style="height: 1px;background: #999999;
+
                    <span class="overview-item-img">
−
border-radius: 10px;border:none;padding: 0;" />
+
                        <img src="https://static.igem.org/mediawiki/2016/1/14/T--BIT-China--img--home_overview1.png"
 +
                            alt="overview1">
 +
                    </span>
 +
                    <span class="overview-item-txt">
 +
                        <span>
 +
                            In the procedure of large-scale industrial <br>
 +
                        production, due to the random distribution of <br>
 +
                        plasmids in the process of bacteria proliferation <br>
 +
                        and division, the bacteria containing less <br>
 +
                        plasmids will gradually become the <br>
 +
                        <b>“slackers”.</b>
 +
                        </span>
 +
                    </span>
 +
                </div>
 +
 
 +
                <div class="overview-item col-sm-12" style="padding: 0;">
 +
 
 +
                    <span class="overview-item-img">
 +
                        <img src="https://static.igem.org/mediawiki/2016/6/60/T--BIT-China--img--home_overview2.png"
 +
                            alt="overview2">
 +
                    </span>
 +
                    <span class="overview-item-txt">
 +
                        <span>
 +
                        <b style="color:red">
 +
                            Generally, we aim to avoid these undesired <br>
 +
                            bacteria become the dominant population. <br>
 +
                        </b>
 +
                        There is no efficient way to prevent the birth of <br>
 +
                        plasmid-free bacteria and the applied ways are <br>
 +
                        only limited to the laboratory-use.
 +
                        </span>
 +
                    </span>
  
−
<!-- 导航部分 -->
 
−
<div class="col-sm-12 home-nav-wrapper">
 
−
    <div class="container">
 
−
        <div class="row">
 
−
            <h4 class="home-nav-info">
 
−
                Our team divide the experiment into <span style="font-weight: 900;color: #650043;">4</span> parts as below.
 
−
                <br>Why not click and have a look?
 
−
            </h4>
 
−
        </div>
 
−
        <div class="col-sm-12">
 
−
            <div class="col-sm-3">
 
−
                <div class="clearfix" style="padding: 0;">
 
−
                    <img src="https://static.igem.org/mediawiki/2016/f/f7/T--BIT-China--img--home_basic.png"
 
−
                        alt="home-basic" class="col-sm-12 center-block" />
 
 
                 </div>
 
                 </div>
−
                 <h3 class="header-xsmall">Basic Circuit</h3>
+
 
−
                <div class="bottom-title margin-bottom-10">
+
                 <!--居中的内容-->
−
                    We know low-plasmid level cells cost too much but produce less,like a slacker.So let's kill them to improve production.
+
                <div class="overview-item-full col-sm-12" style="padding: 0;margin-top: 80px;margin-bottom: 50px">
 +
                    <div style="text-align: center">
 +
                        <img src="https://static.igem.org/mediawiki/2016/b/b2/T--BIT-China--img--home_overview3.png"
 +
                            alt="overview3" style="height: 250px;width: auto;">
 +
                    </div>
 +
                    <div style="text-align: center;color:#7030A1;margin-top: 10px;font-size: 2.8rem;word-break: keep-all;white-space: nowrap">
 +
                        What about equipping the bacteria with a <br>
 +
                        <b>
 +
                            plasmid-sensing logically adjustable cell killer
 +
                            <br>(P-SLACKiller)?
 +
                        </b>
 +
                    </div>
 
                 </div>
 
                 </div>
−
            </div>
 
  
−
            <div class="col-sm-3 home-services-2">
+
                <div class="overview-item col-sm-12" style="padding: 0;">
−
                <div class="clearfix" style="padding: 0;">
+
                    <span class="overview-item-txt">
−
                     <img src="https://static.igem.org/mediawiki/2016/2/2b/T--BIT-China--img--home_Inhibitor.png"
+
                        <span>
−
                        alt="home-basic" class="col-sm-12">
+
                          Here is killer’s basic rule:<br>
 +
                            Kill the slackers (Plasmid number is below the
 +
                            <br>threshold);<br>
 +
                            Save the workers (Plasmid number is above
 +
                            <br>the threshold).<br>
 +
                            <span style="margin-top:1em;color:#923F91">Worker-P：Cell containing our P-SLACKiller.</span><br>
 +
                        </span>
 +
                     </span>
 +
                    <span class="overview-item-img">
 +
                        <img src="https://static.igem.org/mediawiki/2016/8/8d/T--BIT-China--img--home_overview4.png"
 +
                            alt="overview4">
 +
                    </span>
 
                 </div>
 
                 </div>
−
                 <h3 class="header-xsmall">Inhibitor</h3>
+
 
−
                <div class="bottom-title margin-bottom-10">
+
                 <div class="overview-item col-sm-12" style="padding: 0;">
−
                    Yes,we set a <b>BOMB</b> in every cell,inside the plasmid.They are controlled to <b>Terminate</b> the cell's life.
+
                    <span class="overview-item-txt">
 +
                        <span>
 +
                          Surprise! We can guarantee
 +
                            <b style="color: red">
 +
                                the microbial <br>
 +
                                population structure stay optimal
 +
                            </b>
 +
                            now!
 +
                        </span>
 +
                    </span>
 +
                    <span class="overview-item-img">
 +
                        <img src="https://static.igem.org/mediawiki/2016/4/47/T--BIT-China--img--home_overview5.png"
 +
                            alt="overview5">
 +
                    </span>
 
                 </div>
 
                 </div>
 +
 
             </div>
 
             </div>
 +
        </div>
 +
    </div>
 +
</div>
  
−
            <div class="col-sm-3 home-services-2">
+
<!-- 导航部分 -->
 +
<div class="col-sm-12 home-nav-wrapper">
 +
    <div class="container">
  
−
                <div class="clearfix" style="padding: 0;">
+
        <div class="container center-block" style="background: url(https://static.igem.org/mediawiki/2016/5/59/T--BIT-China--img--basic_bg3.png);margin-top: 1em;margin-bottom:1em;padding: 0;border-radius: 10px">
−
                    <img src="https://static.igem.org/mediawiki/2016/2/2c/T--BIT-China--img--home_killer.png"
+
            <div class="overview-content clearfix" style="border:1px dashed #333333;
−
                        alt="home-basic" class="col-sm-12">
+
            border-radius: 10px;margin: 0.5em;padding: 10px;">
−
                </div>
+
−
                <h3 class="header-xsmall">Killer</h3>
+
−
                <div class="bottom-title margin-bottom-10">
+
−
                    Our project depends on good models.Every step we go all <b>with the direction of our model part</b>.
+
−
                </div>
+
−
            </div>
+
  
−
            <div class="col-sm-3 home-services-2">
+
                <div class="col-sm-12">
−
                <div class="clearfix" style="padding: 0;">
+
                    <h4 class="home-nav-info">
−
                     <img src="https://static.igem.org/mediawiki/2016/8/81/T--BIT-China--img--home_recombination.png"
+
                        Our team divide the project into <span style="font-weight: 900;color: #650043;">4</span> parts as below.
−
                        alt="home-basic" class="col-sm-12">
+
                        <br>Why not click and have a look?
 +
                     </h4>
 
                 </div>
 
                 </div>
−
                 <h3 class="header-xsmall">Recombination</h3>
+
                 <div class="col-sm-12">
−
                <div class="bottom-title margin-bottom-10">
+
                    <div class="row">
−
                     Considering the safety requirements,our project is <b>environment-friendly</b> .
+
 
 +
                        <div class="col-sm-6">
 +
                            <div class="clearfix" style="padding: 0 20%;">
 +
                                <img src="https://static.igem.org/mediawiki/2016/7/72/T--BIT-China--img--home_pslackiller.png"
 +
                                    alt="home-basic" class="col-sm-12 center-block" />
 +
                            </div><a href="https://2016.igem.org/Team:BIT-China/Design#our_p-slackiller">
 +
                            <h3 class="header-xsmall">Our P-SLACKiller</h3></a>
 +
                            <div class="bottom-title margin-bottom-10">
 +
                                Plasmids are losing, and the production efficiency is decreasing. Let’s equip the bacteria with a plasmid-sensing logically adjustable cell killer (P-SLACKiller) to kill slackers with less plasmids among bacteria!                </div>
 +
                        </div>
 +
 
 +
                        <div class="col-sm-6 home-services-2">
 +
                            <div class="clearfix" style="padding: 0 20%;">
 +
                                <img src="https://static.igem.org/mediawiki/2016/0/0f/T--BIT-China--img--home_threshold.png"
 +
                                    alt="home-basic" class="col-sm-12">
 +
                            </div><a href="https://2016.igem.org/Team:BIT-China/Design#threshold_device"
 +
                            <h3 class="header-xsmall">Threshold Device</h3></a>
 +
                            <div class="bottom-title margin-bottom-10">
 +
                                In what situation can the bacteria be judged as slackers? There must have a threshold concerning plasmid numbers. Let’s find it out and adjust it accordingly.                </div>
 +
                        </div>
 +
                     </div>
 +
                    <div class="row">
 +
                        <div class="col-sm-6 home-services-2">
 +
 
 +
                            <div class="clearfix" style="padding: 0 20%;">
 +
                                <img src="https://static.igem.org/mediawiki/2016/2/2c/T--BIT-China--img--home_killer.png"
 +
                                    alt="home-basic" class="col-sm-12">
 +
                            </div><a href="https://2016.igem.org/Team:BIT-China/Design#killer_device">
 +
                            <h3 class="header-xsmall">Killer Device</h3></a>
 +
                            <div class="bottom-title margin-bottom-10">
 +
                                For the slackers, they should be able to turn on the self-killing switch. We tried toxin proteins to produce the lethal effect.                </div>
 +
                        </div>
 +
 
 +
                        <div class="col-sm-6 home-services-2">
 +
                            <div class="clearfix" style="padding: 0 20%;">
 +
                                <img src="https://static.igem.org/mediawiki/2016/a/a1/T--BIT-China--img--home_optimization.png"
 +
                                    alt="home-basic" class="col-sm-12">
 +
                            </div><a href="https://2016.igem.org/Team:BIT-China/Design#upgraded_p-slackiller">
 +
                            <h3 class="header-xsmall">Optimization</h3></a>
 +
                            <div class="bottom-title margin-bottom-10">
 +
                                The executor killer should be stably maintained, so we integrated killer device into the genome. Moreover, we mutated promoters to adjust the threshold.                </div>
 +
                        </div>
 +
                    </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
Line 452: Line 567:
  
 
     window.onscroll = function () {
 
     window.onscroll = function () {
−
        if($(window).scrollTop()>180){
 
−
            $("#nav-hide").removeClass("roll-nav-hide");
 
−
        }
 
−
        else{
 
−
            $("#nav-hide").addClass("roll-nav-hide");
 
−
        }
 
−
    }
 
  
−
    var header_nav=$("#home-copy-container").children("").clone();
+
        //滚动监听，实现导航栏平滑固定
−
    $("#header-container").append(header_nav);
+
        var scroll = $(window).scrollTop();
 +
        var header=$("#header-container");
 +
        if (scroll >= 100) {
 +
            if(header.css("position") != "fixed"){
 +
                header.css({position:"fixed",top:"-70px"}).animate({
 +
                    top:"0",width:"100%",marginTop:"1.2em"
 +
                },100,"linear");
 +
            }
  
 +
            //添加导航下拉class，删除两侧padding
 +
            header.addClass("roll-nav");
 +
            header.removeClass("home-img");
 +
        }else if (scroll <= 100) {
 +
            if(header.css("position") != "static"){
 +
                header.animate({
 +
                    top:"-70px",marginTop:"20px"
 +
                },100,"linear",function(){
 +
                    header.css({position:"static"})
 +
                });
 +
            }
 +
 +
            //删除导航下拉class，增加两侧padding
 +
            header.removeClass("roll-nav");
 +
            header.addClass("home-img");
 +
        }
 +
        //导航栏平滑滚动——END
 +
    }
  
−
         $('.tabdown a').on("mouseover",function () {
+
         $('.tabdown>a').on("mouseover",function () {
 
             $(this).addClass('animated swing').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function () {
 
             $(this).addClass('animated swing').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function () {
 
                 $(this).removeClass("animated swing");
 
                 $(this).removeClass("animated swing");
 
             });
 
             });
 
         })
 
         })
−
</script>
+
</script>  
−
 
+
−
<script>
+
−
    //检测网页加载完毕
+
−
    var stateChange = function () {
+
−
        if(document.readyState == "complete"){
+
−
            $("#site-cover").fadeOut(1000);
+
−
        }
+
−
    };
+
−
    document.onreadystatechange=stateChange;
+
−
</script>
+
  
 
</body>
 
</body>

Latest revision as of 03:57, 3 December 2016

overtop
overview1 In the procedure of large-scale industrial
production, due to the random distribution of
plasmids in the process of bacteria proliferation
and division, the bacteria containing less
plasmids will gradually become the
“slackers”.
overview2 Generally, we aim to avoid these undesired
bacteria become the dominant population.
There is no efficient way to prevent the birth of
plasmid-free bacteria and the applied ways are
only limited to the laboratory-use.
overview3
What about equipping the bacteria with a
plasmid-sensing logically adjustable cell killer
(P-SLACKiller)?
Here is killer’s basic rule:
Kill the slackers (Plasmid number is below the
threshold);
Save the workers (Plasmid number is above
the threshold).
Worker-P：Cell containing our P-SLACKiller.
 overview4
Surprise! We can guarantee the microbial
population structure stay optimal now! overview5

Our team divide the project into 4 parts as below.
Why not click and have a look?

home-basic

Our P-SLACKiller
Plasmids are losing, and the production efficiency is decreasing. Let’s equip the bacteria with a plasmid-sensing logically adjustable cell killer (P-SLACKiller) to kill slackers with less plasmids among bacteria!
home-basic
Threshold Device
In what situation can the bacteria be judged as slackers? There must have a threshold concerning plasmid numbers. Let’s find it out and adjust it accordingly.
home-basic

Killer Device
For the slackers, they should be able to turn on the self-killing switch. We tried toxin proteins to produce the lethal effect.
home-basic

Optimization
The executor killer should be stably maintained, so we integrated killer device into the genome. Moreover, we mutated promoters to adjust the threshold.

P-SLACKiller

· Work or Die
· Monitor Plasmid Numbers
· Kill the Slacker
· Maintain the Better Biosystem

Useful Links

Sponsors

zhongniang BIT ketizu

Get in touch

Email: iGEM_BIT_China@163.com
Location: No.5 Zhongguancun South Street

BIT-China © Copyright 2016
Powered by Bootstrap.