OOHamsterOo (Talk | contribs) |
|||
(19 intermediate revisions by 4 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 208: | Line 217: | ||
.overview-item-img img{ | .overview-item-img img{ | ||
margin: auto; | margin: auto; | ||
− | width: | + | width: 290px; |
height: auto; | height: auto; | ||
} | } | ||
Line 231: | 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 259: | Line 248: | ||
"> | "> | ||
− | <!-- | + | <!--显示在顶部的导航栏——不固定--> |
− | <div class="col-sm-12 | + | <div class="col-sm-12 clearfix " style="padding: 0;height: 106px;"> |
− | <div class="header-container clearfix" id=" | + | <div class="header-container clearfix home-img" id="header-container" |
− | style="margin-top: | + | 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 276: | Line 266: | ||
<li class="tabdown"> | <li class="tabdown"> | ||
<a class="tabdown-toggle" data-toggle="tabdown" data-target="#" href="javascript:;"> | <a class="tabdown-toggle" data-toggle="tabdown" data-target="#" href="javascript:;"> | ||
− | <img style="height: | + | <img style="height: 30px;" src="https://static.igem.org/mediawiki/2016/9/95/T--BIT-China--img--achievements.png" |
alt="achievements"> | alt="achievements"> | ||
<!--Achievements <i class="fa fa-sort-desc" aria-hidden="true"></i>--> | <!--Achievements <i class="fa fa-sort-desc" aria-hidden="true"></i>--> | ||
Line 288: | Line 278: | ||
<li class="tabdown tabdown-megamenu"> | <li class="tabdown tabdown-megamenu"> | ||
<a class="tabdown-toggle" data-toggle="tabdown" data-target="#" href="javascript:;"> | <a class="tabdown-toggle" data-toggle="tabdown" data-target="#" href="javascript:;"> | ||
− | <img style="height: | + | <img style="height: 30px;" src="https://static.igem.org/mediawiki/2016/4/46/T--BIT-China--img--project.png" |
alt="project"> | alt="project"> | ||
<!--Project <i class="fa fa-sort-desc" aria-hidden="true"></i>--> | <!--Project <i class="fa fa-sort-desc" aria-hidden="true"></i>--> | ||
Line 302: | Line 292: | ||
</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: | + | <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"> | ||
<a class="tabdown-toggle" data-toggle="tabdown" data-target="#" href="javascript:;"> | <a class="tabdown-toggle" data-toggle="tabdown" data-target="#" href="javascript:;"> | ||
− | <img style="height: | + | <img style="height: 30px;" src="https://static.igem.org/mediawiki/2016/4/44/T--BIT-China--img--notebook.png" |
alt="notebook"> | alt="notebook"> | ||
<!--Notebook <i class="fa fa-sort-desc" aria-hidden="true"></i>--> | <!--Notebook <i class="fa fa-sort-desc" aria-hidden="true"></i>--> | ||
Line 328: | Line 313: | ||
<li class="tabdown"> | <li class="tabdown"> | ||
<a class="tabdown-toggle" data-toggle="tabdown" data-target="#" href="javascript:;"> | <a class="tabdown-toggle" data-toggle="tabdown" data-target="#" href="javascript:;"> | ||
− | <img style="height: | + | <img style="height: 30px;" src="https://static.igem.org/mediawiki/2016/6/6e/T--BIT-China--img--team.png" |
alt="team"> | alt="team"> | ||
<!--Team <i class="fa fa-sort-desc" aria-hidden="true"></i>--> | <!--Team <i class="fa fa-sort-desc" aria-hidden="true"></i>--> | ||
Line 337: | 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" data-toggle="tabdown" data-target="#" href="javascript:;"> | <a class="tabdown-toggle" data-toggle="tabdown" data-target="#" href="javascript:;"> | ||
− | <img style="height: | + | <img style="height: 30px;" src="https://static.igem.org/mediawiki/2016/3/3c/T--BIT-China--img--hp.png" |
alt="hp"> | alt="hp"> | ||
<!--Human Practice--> | <!--Human Practice--> | ||
Line 355: | Line 343: | ||
</div> | </div> | ||
<!-- END NAVIGATION --> | <!-- END NAVIGATION --> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
</div> | </div> | ||
Line 466: | 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 498: | Line 480: | ||
</div> | </div> | ||
</div> | </div> | ||
− | </div | + | </div> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<!-- 导航部分 --> | <!-- 导航部分 --> | ||
Line 509: | 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 585: | 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"}) | ||
+ | }); | ||
+ | } | ||
+ | |||
+ | //删除导航下拉class,增加两侧padding | ||
+ | header.removeClass("roll-nav"); | ||
+ | header.addClass("home-img"); | ||
+ | } | ||
+ | //导航栏平滑滚动——END | ||
+ | } | ||
$('.tabdown>a').on("mouseover",function () { | $('.tabdown>a').on("mouseover",function () { | ||
Line 602: | Line 602: | ||
}); | }); | ||
}) | }) | ||
− | + | </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.