Difference between revisions of "Team:NTU-LIHPAO-Taiwan/Design"

Line 67: Line 67:
  
 
body {
 
body {
background-color: #F0F0F0;
+
background-color: #FFF;
 
}
 
}
 
body,td,th {
 
body,td,th {
Line 73: Line 73:
 
font-family: Calibri, "Arial Narrow", "Agency FB", "Raavi";
 
font-family: Calibri, "Arial Narrow", "Agency FB", "Raavi";
 
}
 
}
 +
 
#Wrapper {
 
#Wrapper {
 
margin-right: auto;
 
margin-right: auto;
Line 80: Line 81:
 
margin-bottom: 0px;
 
margin-bottom: 0px;
 
width: 90%;
 
width: 90%;
height: 5600px;
+
height: auto;
 
top: 0px;
 
top: 0px;
 
left: 5%;
 
left: 5%;
 
right: 5%;
 
right: 5%;
 
position: absolute;
 
position: absolute;
 +
bottom: 0px;
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
z-index: 0;
 +
}
 +
 +
#Wrapper_Left {
 +
margin-right: auto;
 +
margin-left: auto;
 +
background-color: #F0F0F0;
 +
margin-top: 0px;
 +
margin-bottom: 0px;
 +
width: 5%;
 +
height: 100%;
 +
top: 0px;
 +
left: 0%;
 +
right: auto;
 +
position: fixed;
 +
bottom: 0px;
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
z-index: 0;
 +
}
 +
 +
#Wrapper_Right {
 +
margin-right: auto;
 +
margin-left: auto;
 +
background-color: #F0F0F0;
 +
margin-top: 0px;
 +
margin-bottom: 0px;
 +
width: 5%;
 +
height: 100%;
 +
top: 0px;
 +
left: auto;
 +
right: 0%;
 +
position: fixed;
 
bottom: 0px;
 
bottom: 0px;
 
padding-top: 0px;
 
padding-top: 0px;
Line 180: Line 217:
 
}
 
}
  
 
 
/*-------------------------------------------*/
 
/*---------------Bottom icons----------------*/
 
/*-------------------------------------------*/
 
 
#NTUschool_logo {
 
height: 70px;
 
width: 265px;
 
position: absolute;
 
left: 25%;
 
top: 5px;
 
right: auto;
 
bottom: auto;
 
z-index: 9999;
 
margin-left: -132px;
 
}
 
 
#LIHPAO_logo {
 
height: 70px;
 
width: 215px;
 
position: absolute;
 
left: 75%;
 
top: 5px;
 
right: auto;
 
bottom: auto;
 
z-index: 9999;
 
margin-left: -107px;
 
}
 
 
#NTUBST_logo {
 
height: 70px;
 
width: 70px;
 
position: absolute;
 
left: 50%;
 
top: 5px;
 
right: auto;
 
bottom: auto;
 
z-index: 9999;
 
margin-left: -35px;
 
}
 
 
#Bottom_Text {
 
color: #767676;
 
bottom: 0px;
 
width: 100%;
 
height: auto;
 
font-size: 15px;
 
position: absolute;
 
text-align: center;
 
}
 
  
  
Line 401: Line 387:
 
position: absolute;
 
position: absolute;
 
top: 5rem;
 
top: 5rem;
left: 2rem;
+
left: 10%;
 
}
 
}
  
Line 420: Line 406:
 
overflow-y: auto;
 
overflow-y: auto;
 
transition: 0.5s;
 
transition: 0.5s;
width: 10rem;
+
width: 70%;
padding-left: 2rem;
+
padding-left: 20%;
padding-right: 1rem;
+
padding-right: 10%;
 
}
 
}
  
Line 453: Line 439:
 
width: 94%;
 
width: 94%;
 
height: 94%;
 
height: 94%;
 +
}
 +
 +
 +
/*-------------------------------------------*/
 +
/*---------------Introduction----------------*/
 +
/*-------------------------------------------*/
 +
 +
.Container_Bottom1 {
 +
height: 70px;
 +
width: 100%;
 +
}
 +
 +
.Container_Bottom2 {
 +
height: 70px;
 +
width: 100%;
 +
padding-top: 10px;
 +
border-top-style: solid;
 +
border-top-color: #079235;
 +
border-top-width: 3px;
 +
}
 +
 +
.Intro_Picture {
 +
width: 100%;
 +
height: auto;
 +
background-color: #FFF;
 +
position: absolute;
 +
}
 +
 +
#NTUschool_logo {
 +
background-color: #FFF;
 +
padding-left: 9.6%;
 +
padding-right: 60.4%;
 +
position: absolute;
 +
width: 30%;
 +
height: 100%;
 +
}
 +
 +
#LIHPAO_logo {
 +
background-color: #FFF;
 +
padding-left: 66.4%;
 +
padding-right: 9.6%;
 +
position: absolute;
 +
width: 24%;
 +
height: 100%;
 +
}
 +
 +
#NTUBST_logo {
 +
background-color: #FFF;
 +
padding-left: 49.2%;
 +
padding-right: 43.2%;
 +
position: absolute;
 +
width: 7.6%;
 +
height: 100%;
 +
}
 +
 +
.Text_Sponsor {
 +
color: #767676;
 +
font-size: 15px;
 +
font-family: Calibri;
 +
text-align: center;
 +
line-height: 20px;
 
}
 
}
  
Line 461: Line 508:
  
 
#Articles {
 
#Articles {
width: 76%;
+
width: 100%;
height: 10000px;
+
height: auto;
left: 22%;
+
right: 2%;
+
 
top: -10px;
 
top: -10px;
 
position: absolute;
 
position: absolute;
 
background-color: #FFF;
 
background-color: #FFF;
z-index: 0;
+
z-index: 1;
 
color: #000;
 
color: #000;
 
}
 
}
  
 
.ContentBox {
 
.ContentBox {
width: 100%;
+
width: 76%;
height: 675px;
+
height: auto;
 +
left: 22%;
 +
right: 2%;
 +
position: absolute;
 +
background-color: #FFF;
 
}
 
}
  
Line 527: Line 576:
 
font-style: italic;
 
font-style: italic;
 
}
 
}
 +
 +
ol.part1 {
 +
list-style-type: none;
 +
margin-left: 0px;
 +
}
 +
 +
ol.part2 {
 +
list-style-type: decimal;
 +
margin-left: 0px;
 +
}
 +
 +
ol.part2 li {
 +
padding-top: 10px;
 +
padding-bottom: 10px;
 +
}
 +
 +
ol.part3 {
 +
list-style-type: lower-alpha;
 +
}
 +
 +
 +
/*-------------------------------------------*/
 +
/*-------------------Media-------------------*/
 +
/*-------------------------------------------*/
 +
 +
@media screen and (min-width: 0px) and (max-width: 1200px) {
 +
 +
#NTUXLIHPAO_icon {
 +
height: 40px;
 +
width: 200px;
 +
position: absolute;
 +
left: 1%;
 +
top: 18px;
 +
right: auto;
 +
bottom: auto;
 +
z-index: 9999;
 +
}
 +
 +
 +
#width_small {
 +
width: 95px; /*--改主要選單寬度--*/
 +
}
 +
 +
.Slidemenu {
 +
z-index: 9999;
 +
position: absolute;
 +
top: 32px;
 +
bottom: 0px;
 +
left: 49%;
 +
right: auto;
 +
list-style:none;
 +
margin:0;
 +
padding:0;
 +
position: absolute;
 +
margin-left: -320px;
 +
/*background:rgba(100%,100%,100%,0); 主選單色系選擇*/
 +
}
 +
}
 +
 +
@media screen and (min-width: 901px) and (max-width: 1050px) {
 +
 +
.Container_Bottom2 {
 +
height: 60px;
 +
width: 100%;
 +
padding-top: 10px;
 +
border-top-style: solid;
 +
border-top-color: #079235;
 +
border-top-width: 3px;
 +
}
 +
}
 +
 +
@media screen and (min-width: 0px) and (max-width: 900px) {
 +
 +
.Container_Bottom2 {
 +
height: 50px;
 +
width: 100%;
 +
padding-top: 10px;
 +
border-top-style: solid;
 +
border-top-color: #079235;
 +
border-top-width: 3px;
 +
}
 +
}
 +
  
 
</style>
 
</style>
Line 539: Line 671:
  
 
<body>
 
<body>
 +
 +
<div id="Wrapper_Left"></div>
 +
<div id="Wrapper_Right"></div>
  
 
<div id="Wrapper">
 
<div id="Wrapper">
Line 595: Line 730:
 
</div>
 
</div>
 
</div>
 
</div>
 +
 +
 +
  
 
<div id="Content_Container">
 
<div id="Content_Container">
Line 689: Line 827:
 
<div class="Text3">(part--alive)</div>
 
<div class="Text3">(part--alive)</div>
 
<div class="Text3">(part--dead)</div>
 
<div class="Text3">(part--dead)</div>
 +
 +
<div class="Container_Bottom1"></div>
 +
<div class="Container_Bottom2">
 +
<div class="Intro_Picture">
 +
<div id="NTUschool_logo"><a href="http://www.ntu.edu.tw/english/index.html"><img src="https://static.igem.org/mediawiki/2015/d/de/NTUschool_icon.png"  style="max-width: 100%; max-height: 70px"/></a></div>
 +
<div id="LIHPAO_logo"><a href="http://www.llsc.com.tw/"><img src="https://static.igem.org/mediawiki/2015/d/d4/LIHPAO_logo.png" style="max-width: 100%; max-height: 70px"/></a></div>
 +
<div id="NTUBST_logo"><a href="http://www.bst.ntu.edu.tw/BST-new/NTUBST.html"><img src="https://static.igem.org/mediawiki/2015/6/68/NTUBST_logo.png" style="max-width: 100%; max-height: 70px"/></a></div>
 +
</div>
 +
</div>
 +
<div class="Text_Sponsor">
 +
Maintained by the iGEM team NTU-LIHPAO-Taiwan&nbsp;&nbsp;&nbsp;&nbsp;©2015 NTU-LIHPAO-Taiwan
 +
</div>
  
 
</div>
 
</div>
Line 737: Line 887:
 
});
 
});
 
</script>
 
</script>
 
<div id="Wrapper_Bottom">
 
<div id="NTUschool_logo"><a href="http://www.ntu.edu.tw/english/index.html"><img src="https://static.igem.org/mediawiki/2015/d/de/NTUschool_icon.png" height="70" /></a></div>
 
<div id="LIHPAO_logo"><a href="http://www.llsc.com.tw/"><img src="https://static.igem.org/mediawiki/2015/d/d4/LIHPAO_logo.png" height="70" /></a></div>
 
<div id="NTUBST_logo"><a href="http://www.bst.ntu.edu.tw/BST-new/NTUBST.html"><img src="https://static.igem.org/mediawiki/2015/6/68/NTUBST_logo.png" height="70" /></a></div>
 
<div id="Bottom_Text">
 
Maintained by the iGEM team NTU-LIHPAO-Taiwan&nbsp;&nbsp;&nbsp;&nbsp;©2015 NTU-LIHPAO-Taiwan
 
</div>
 
</div>
 
 
</div>
 
</div>
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 17:40, 9 September 2015

NTU-LIHPAO-Taiwan

Design
CPP-PYY
Nisin Selection
(Fig. Promoter-RBS-nisI-Ter)
(Fig. plasmid)
Studies have showed that for nisin resistance, the immunity lipoprotein NisI as well as the ABC transporter-homologous system NisF/E/G is involved. Functional analysis suggests that NisI acts as nisin-intercepting protein, while NisF/E/G complex acts as exporter that expels the unwanted nisin molecules from cytoplasm to the outer environment.[5] Researchers find that NisI seems to play a more crucial role in nisin immunity than the NisF/E/G complex.[6] Through experiments, either of each expressing in the heterologous bacteria is able to protect the host cells.[5] Moreover, the expression of nisI in Lactobacillus plantarum was assessed to be at the same level as in Lactococcus lactis.[6]
The figure above shows our gene circuit for nisin selection. The promoter we chose was pUO19 from Escherichia coli which is also functional in Lactobacillus casei and the gene nisI helps Lactobacillus casei transform from nisin-sensitive into nisin-resistant. The fraction enlarged was latter proceeded ligation with CPP-PYY circuit, enabling the following selection.
Suicide
We introduced the part in the iGEM biobricks, NucA, as our main suicide gene. NucA codes for the mature form of nuclease from Staphylococcus aureus.[6] This secreted enzyme is 5’-phosphodiesterase, which means it can cleave either single- or double-stranded DNA or RNA; therefore, it plays an vital role in the programmed cell death that involves DNA and RNA degradation.[7]
(Fig. promoter-RBS-NucA-Ter)
The problem encountered was that we hope our host cells alive in the product, while want them to die after producing moderate quantities of PYY in human intestines; also, when they are evacuated, back to the outside environment, the suicide gene must be turn on. We later searched the iGEM biobricks and found CI repressor that can bind to its regulated promoter, pCI, to repress the transcription.[8][9]
(Fig. pCI-RBS-NucA-Ter)&(cI)
Now that the suicide gene NucA is inhibited by CI, the amount of CI protein inside the bacteria comes out to be immensely significant. To elaborate, we ought to carefully control the yield of CI produced by Lactobacillus casei ATCC393. The excess can make sure the cells are vigorous so that our main CPP-PYY gene circuit can function properly; on the other hand, the lack will turn on the transcription of thermonuclease which leads to the death of the host cells. To well control the quantity of CI repressor, we introduced the promoter of lac operon of Lactobacillus casei ATCC393 which is regulated by the ratio of lactose and glucose.
(part--alive)
(part--dead)
Maintained by the iGEM team NTU-LIHPAO-Taiwan    ©2015 NTU-LIHPAO-Taiwan