Difference between revisions of "Team:BIT-China"

Revision as of 02:06, 11 November 2016

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”.

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.

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 above the
threshold);
Save the workers (Plasmid number is below
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?

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!

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.

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.

Optimization

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

@@ Line 231: / Line 231: @@
 </head>
 <body >
-<!--加载界面-->
-<div class="site-cover" id="site-cover" style="display: none;">
-    <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)">
@@ Line 259: / Line 239: @@
                                  ">
-     <!--需要动态显示的导航栏-->
+     <!--显示在顶部的导航栏——不固定-->
-     <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" id="home-copy-container"
+         <div class="header-container clearfix home-img" id="header-container"
-              style="margin-top: 10px" >
+              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;">
                      <img src="https://static.igem.org/mediawiki/2016/e/e2/T--BIT-China--img--logo-purple.png"
@@ Line 276: / Line 257: @@
                      <li class="tabdown">
                          <a class="tabdown-toggle" data-toggle="tabdown" data-target="#" href="javascript:;">
-                             <img style="height: 35px;" src="https://static.igem.org/mediawiki/2016/9/95/T--BIT-China--img--achievements.png"
+                             <img style="height: 30px;" src="https://static.igem.org/mediawiki/2016/9/95/T--BIT-China--img--achievements.png"
                                   alt="achievements">
                              <!--Achievements &nbsp;<i class="fa fa-sort-desc" aria-hidden="true"></i>-->
@@ Line 288: / Line 269: @@
                      <li class="tabdown tabdown-megamenu">
                          <a class="tabdown-toggle" data-toggle="tabdown" data-target="#" href="javascript:;">
-                             <img style="height: 35px;" src="https://static.igem.org/mediawiki/2016/4/46/T--BIT-China--img--project.png"
+                             <img style="height: 30px;" src="https://static.igem.org/mediawiki/2016/4/46/T--BIT-China--img--project.png"
                                   alt="project">
                              <!--Project &nbsp;<i class="fa fa-sort-desc" aria-hidden="true"></i>-->
@@ Line 302: / Line 283: @@
                      </li>
                      <li class="tabdown">
-                         <a class="tabdown-toggle" href="https://2016.igem.org/Team:BIT-China/Model">
+                         <a class="tabdown-toggle"  href="https://2016.igem.org/Team:BIT-China/Model">
-                             <img style="height: 35px;" 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">
                              <!--Modeling &nbsp;<i class="fa fa-sort-desc" aria-hidden="true"></i>-->
                          </a>
                      </li>
                      <li class="tabdown">
                          <a class="tabdown-toggle" data-toggle="tabdown" data-target="#" href="javascript:;">
-                             <img style="height: 35px;" src="https://static.igem.org/mediawiki/2016/4/44/T--BIT-China--img--notebook.png"
+                             <img style="height: 30px;" src="https://static.igem.org/mediawiki/2016/4/44/T--BIT-China--img--notebook.png"
                                   alt="notebook">
                              <!--Notebook &nbsp;<i class="fa fa-sort-desc" aria-hidden="true"></i>-->
@@ Line 323: / Line 304: @@
                      <li class="tabdown">
                          <a class="tabdown-toggle" data-toggle="tabdown" data-target="#" href="javascript:;">
-                             <img style="height: 35px;" src="https://static.igem.org/mediawiki/2016/6/6e/T--BIT-China--img--team.png"
+                             <img style="height: 30px;" src="https://static.igem.org/mediawiki/2016/6/6e/T--BIT-China--img--team.png"
                                   alt="team">
                              <!--Team &nbsp;<i class="fa fa-sort-desc" aria-hidden="true"></i>-->
@@ Line 332: / Line 313: @@
                              <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/Team/Gallery">Gallery</a></li>
                          </ul>
                      </li>
                      <li class="tabdown">
                          <a class="tabdown-toggle" data-toggle="tabdown" data-target="#" href="javascript:;">
-                             <img style="height: 35px;" src="https://static.igem.org/mediawiki/2016/3/3c/T--BIT-China--img--hp.png"
+                             <img style="height: 30px;" src="https://static.igem.org/mediawiki/2016/3/3c/T--BIT-China--img--hp.png"
                                   alt="hp">
                              <!--Human Practice-->
@@ Line 350: / Line 333: @@
              </div>
              <!-- 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>
@@ Line 586: / Line 562: @@
      window.onscroll = function () {
-         if($(window).scrollTop()>180){
-             $("#nav-hide").removeClass("roll-nav-hide");
+         //滚动监听，实现导航栏平滑固定
-         }
+        var scroll = $(window).scrollTop();
-        else{
+        var header=$("#header-container");
-             $("#nav-hide").addClass("roll-nav-hide");
+        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
      }