(38 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 166: | Line 175: | ||
} | } | ||
− | .home-nav-txt:nth-child( | + | |
− | margin-top: | + | .home-nav-txt:nth-child(even){ |
+ | margin-top: 0px; | ||
font-family:inherit;; | font-family:inherit;; | ||
font-weight: bolder !important; | font-weight: bolder !important; | ||
Line 179: | Line 189: | ||
text-align: left; | text-align: left; | ||
white-space: nowrap; | white-space: nowrap; | ||
− | display: flex;height: | + | display: flex;height: 300px; |
width: 50%; | width: 50%; | ||
Line 202: | Line 212: | ||
width: 40%; | width: 40%; | ||
display: flex; | display: flex; | ||
− | height: | + | height: 300px; |
} | } | ||
.overview-item-img img{ | .overview-item-img img{ | ||
margin: auto; | margin: auto; | ||
− | width: | + | width: 290px; |
height: auto; | height: auto; | ||
} | } | ||
Line 223: | Line 233: | ||
} | } | ||
.overview-item-img img{ | .overview-item-img img{ | ||
− | width: | + | width: 200px; |
} | } | ||
} | } | ||
Line 230: | Line 240: | ||
</head> | </head> | ||
<body > | <body > | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<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 258: | Line 248: | ||
"> | "> | ||
− | <!-- | + | <!--显示在顶部的导航栏——不固定--> |
− | <div class="col-sm-12 | + | <div class="col-sm-12 clearfix " style="padding: 0;height: 106px;"> |
− | <div class="header-container clearfix home-img" id=" | + | <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;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 297: | 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" | + | <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 <i class="fa fa-sort-desc" aria-hidden="true"></i>--> | <!--Modeling <i class="fa fa-sort-desc" aria-hidden="true"></i>--> | ||
</a> | </a> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
</li> | </li> | ||
<li class="tabdown"> | <li class="tabdown"> | ||
Line 320: | 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 | + | <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 335: | Line 322: | ||
<li><a href="https://2016.igem.org/Team:BIT-China/Collaborations">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=" | + | <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> | </div> | ||
Line 378: | 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"> |
− | + | Plasmid-Sensing Logically and Adjustably Cell Killer | |
</div> | </div> | ||
<div class="home-nav-txt"> | <div class="home-nav-txt"> | ||
− | + | Monitoring Plasmid Numbers | |
+ | </div> | ||
+ | <div class="home-nav-txt " style="font-weight:100"> | ||
+ | Kill the Slacker | ||
</div> | </div> | ||
</div> | </div> | ||
Line 395: | 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: | + | <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 clearfix" style="border:1px dashed #333333; | <div class="overview-content clearfix" style="border:1px dashed #333333; | ||
border-radius: 10px;margin: 0.5em;padding: 10px 50px;"> | border-radius: 10px;margin: 0.5em;padding: 10px 50px;"> | ||
Line 437: | Line 429: | ||
<!--居中的内容--> | <!--居中的内容--> | ||
− | <div class="overview-item-full col-sm-12" style="padding: 0;margin-top: | + | <div class="overview-item-full col-sm-12" style="padding: 0;margin-top: 80px;margin-bottom: 50px"> |
<div style="text-align: center"> | <div style="text-align: center"> | ||
<img src="https://static.igem.org/mediawiki/2016/b/b2/T--BIT-China--img--home_overview3.png" | <img src="https://static.igem.org/mediawiki/2016/b/b2/T--BIT-China--img--home_overview3.png" | ||
alt="overview3" style="height: 250px;width: auto;"> | alt="overview3" style="height: 250px;width: auto;"> | ||
</div> | </div> | ||
− | <div style="text-align: center;margin-top: 10px;font-size: 2. | + | <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> | What about equipping the bacteria with a <br> | ||
<b> | <b> | ||
plasmid-sensing logically adjustable cell killer | plasmid-sensing logically adjustable cell killer | ||
− | (P-SLACKiller)? | + | <br>(P-SLACKiller)? |
</b> | </b> | ||
</div> | </div> | ||
Line 455: | Line 447: | ||
<span> | <span> | ||
Here is killer’s basic rule:<br> | Here is killer’s basic rule:<br> | ||
− | Kill the slackers (Plasmid | + | Kill the slackers (Plasmid number is below the |
<br>threshold);<br> | <br>threshold);<br> | ||
− | Save the workers (Plasmid | + | Save the workers (Plasmid number is above |
− | <br>the threshold). | + | <br>the threshold).<br> |
+ | <span style="margin-top:1em;color:#923F91">Worker-P:Cell containing our P-SLACKiller.</span><br> | ||
</span> | </span> | ||
</span> | </span> | ||
Line 487: | Line 480: | ||
</div> | </div> | ||
</div> | </div> | ||
− | </div | + | </div> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<!-- 导航部分 --> | <!-- 导航部分 --> | ||
Line 498: | Line 486: | ||
<div class="container"> | <div class="container"> | ||
− | <div class="container center-block" style="background: | + | <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 clearfix" 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;"> | ||
− | + | <div class="col-sm-12"> | |
− | + | <h4 class="home-nav-info"> | |
− | + | Our team divide the project into <span style="font-weight: 900;color: #650043;">4</span> parts as below. | |
− | + | <br>Why not click and have a look? | |
− | + | </h4> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | < | + | <div class="col-sm-12"> |
− | + | <div class="row"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | <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> | ||
</div> | </div> | ||
− | |||
</div> | </div> | ||
</div> | </div> | ||
Line 578: | Line 567: | ||
window.onscroll = function () { | window.onscroll = function () { | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | //滚动监听,实现导航栏平滑固定 | |
− | + | 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"}) | ||
+ | }); | ||
+ | } | ||
− | $('.tabdown a').on("mouseover",function () { | + | //删除导航下拉class,增加两侧padding |
+ | header.removeClass("roll-nav"); | ||
+ | header.addClass("home-img"); | ||
+ | } | ||
+ | //导航栏平滑滚动——END | ||
+ | } | ||
+ | |||
+ | $('.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> | + | |
</body> | </body> |
Latest revision as of 03:57, 3 December 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”.
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.
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)?
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.
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.
Surprise! We can guarantee
the microbial
population structure stay optimal now!
population structure stay optimal now!
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!
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.