Difference between revisions of "Team:LambertGA/Design"

Line 6: Line 6:
  
  
body { background-color: white;}
+
#mainContainer{
 +
    background-color: white;
 +
    width: 100%;
 +
}
 +
#main{
 +
    width: 100%;
 +
margin: auto;
 +
    padding: 0px;
 +
    background-color: white;
 +
}
  
 +
body { background-color: white; margin: auto; padding: 0px; width: 100%;}
 +
 +
div {
 +
color: gray;
 +
}
  
 
#content {  
 
#content {  
margin-left: auto;
+
margin: 0px auto;
background-color: #C8A2C8; }
+
background-color: white;
 +
width: 100%;
 +
padding: 0px;
 +
}
  
  
Line 17: Line 34:
  
  
.column full_size {width: 800 px;
+
.column full_size {width: 100%;
 
height: 700px;
 
height: 700px;
 
position: center; }
 
position: center; }
  
  
 +
p {
 +
margin: auto;
 +
width: 75%;
 +
color: gray;
 +
}
  
 
#firstHeading {
 
#firstHeading {
Line 27: Line 49:
 
color: #9D0EC8;}
 
color: #9D0EC8;}
  
 +
a {
 +
opacity: 1.0;
 +
}
 +
 +
a:visited {
 +
color: #D49AE6;
 +
}
  
 
a.HeaderLinks {
 
a.HeaderLinks {
 +
height: 50px;
 
position: center;
 
position: center;
background-color: #D49AE6;
 
 
border: none;
 
border: none;
color: white;
+
color: #D49AE6;  
padding: 10px 20px;  
+
 
text-align: center;
 
text-align: center;
 
text-decoration: none;
 
text-decoration: none;
Line 46: Line 74:
  
 
#MainTitle {
 
#MainTitle {
padding: 30px;
+
padding: 60px;
font-size: 60px; }
+
font-size: 60px;
 
+
color: dimgray; }
 
+
#mainContainer{
+
    background-color: white;
+
    width: 100%;
+
}
+
 
+
 
+
#main{
+
    width: 100%;
+
    padding: 15px;
+
    background-color: white;
+
}
+
  
  
Line 75: Line 91:
 
header h1{
 
header h1{
 
text-align:center;
 
text-align:center;
 +
color: dimgray;
 +
}
 +
 +
h2{
 +
color: #D49AE6;
 
}
 
}
  
  
 
#headerLinks {
 
#headerLinks {
 +
position: fixed;
 
text-decoration: none;
 
text-decoration: none;
 
color: #b8975e;
 
color: #b8975e;
font-size: 20px;
 
padding: 0 20px;
 
 
width: 100%;
 
width: 100%;
background-color: rgba(255,255,255,0.7);
+
height: 50px;
padding: 15px;
+
line-height: 50px;
position-left: 10px;
+
background-color: white;
 +
margin: auto;
 
text-align:center;
 
text-align:center;
 +
opacity: 0.7;
 
}
 
}
  
  
 
.header{
 
.header{
width: 1000px;
+
width: 100%;
 
padding: 0;
 
padding: 0;
 
margin: 0 auto;
 
margin: 0 auto;
Line 102: Line 124:
 
#text{
 
#text{
 
width: 900px;
 
width: 900px;
     padding: 25px 0px;
+
     padding: 0px;
 
display: block;
 
display: block;
margin: 5px auto;
+
margin: 0px auto;
 
}
 
}
 
  
 
#space{
 
#space{
Line 114: Line 135:
  
 
#sponsors-bottom{
 
#sponsors-bottom{
width: 1000px;
+
width: 100%;
margin: 150px auto 0px auto;
+
margin: 0px auto;
 
text-align: center;
 
text-align: center;
 
display: block;
 
display: block;
Line 122: Line 143:
  
 
#sponsors-bottom a{
 
#sponsors-bottom a{
 +
margin: auto;
 +
width: 50%
 
display: inline-block;
 
display: inline-block;
 
}
 
}
Line 134: Line 157:
 
     opacity: 0.4;
 
     opacity: 0.4;
 
     filter: alpha(opacity=40); /* For IE8 and earlier */
 
     filter: alpha(opacity=40); /* For IE8 and earlier */
 +
transition: opacity 0.5s ease-in-out;
 
}
 
}
  
Line 164: Line 188:
 
display: block;
 
display: block;
 
}
 
}
 
  
 
#globalWrapper{
 
#globalWrapper{
 
background-color: white;
 
background-color: white;
padding: 30px;
+
padding: 0px;
 +
 
  
 
}
 
}
 +
  
 
/* Dropdown Button */
 
/* Dropdown Button */
 
.dropbtn {
 
.dropbtn {
 +
  margin: auto;
 
   position: left;   
 
   position: left;   
   background-color: #D49AE6;
+
  height: 100%;
   color: white;
+
  width: 100%;
   padding: 10px;
+
   background-color: white;
   font-size: 16px;
+
   color: #D49AE6;
 +
   padding: 14px;
 +
   font-size: 20px;
 
   text-align: left;
 
   text-align: left;
 
   border: none;
 
   border: none;
 
   cursor: pointer;
 
   cursor: pointer;
 +
  transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
 
}
 
}
  
Line 193: Line 222:
 
.dropdown-content {
 
.dropdown-content {
 
     display: none;
 
     display: none;
 +
    opacity: 0.0;
 
     position: absolute;
 
     position: absolute;
 
     background-color: #D49AE6;
 
     background-color: #D49AE6;
     min-width: 140px;
+
     min-width: 200px;
 
     text-align: left;
 
     text-align: left;
 
     box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.2);
 
     box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.2);
 +
    transition: opacity 0.5s ease-in-out;
 
}
 
}
  
 
/* Links inside the dropdown */
 
/* Links inside the dropdown */
 
.dropdown-content a {
 
.dropdown-content a {
     color: black;
+
     color: white;
     padding: 10px 10px;
+
    opacity: 0.0;
     font-size: 16px;
+
     padding: 0px 10px;
 +
     font-size: 20px;
 
     text-decoration: none;
 
     text-decoration: none;
 
 
     display: block;
 
     display: block;
 +
    transition: opacity 0.5s ease-in-out;
 
}
 
}
  
Line 216: Line 248:
 
.dropdown:hover .dropdown-content {
 
.dropdown:hover .dropdown-content {
 
     display: block;
 
     display: block;
 +
    opacity: 1.0;
 
}
 
}
  
/* Change the background color of the dropdown button when the dropdown content is shown */
+
.dropdown:hover .dropdown-content a {
.dropdown:hover .dropbtn {
+
  opacity: 1.0;
 +
}
 +
 
 +
/* Change the background color of the dropdown button when the dropdown content is shown*/
 +
.dropbtn:hover {
 
     background-color: #D49AE6;
 
     background-color: #D49AE6;
 +
    color: white;
 
}
 
}
  
 +
#mainbanner{
 +
text-align: center;
 +
}
 +
 +
#mainbanner{
 +
    display: block;
 +
    margin: auto;;
 +
}
 +
#logo{
 +
height: 50px;
 +
opacity:0.4;
 +
}
 
</style>
 
</style>
  
Line 238: Line 288:
 
<header>
 
<header>
 
<div id="headerLinks">
 
<div id="headerLinks">
<!--<a class="HeaderLinks" href="https://2016.igem.org/Team:LambertGA" >Home -->
+
<a href="https://2016.igem.org/Team:LambertGA" class="dropbtn">Home</a><!--
<a href="https://2016.igem.org/Team:LambertGA" class="dropbtn">Home</a>
+
--><li class="dropdown" >
<!--</a><a class="HeaderLinks" href="https://2016.igem.org/Team:LambertGA/Description">Project> -->
+
      <a href="https://2016.igem.org/Team:LambertGA/Team" class="dropbtn">Team</a>
   </a><li class="dropdown">
+
      <div class="dropdown-content">
 +
      <a href="https://2016.igem.org/Team:LambertGA/Collaborations">Collaborations</a>
 +
    </div>
 +
   </li><!--
 +
--><li class="dropdown">
 
   <a href="https://2016.igem.org/Team:LambertGA/Description" class="dropbtn">Project</a>
 
   <a href="https://2016.igem.org/Team:LambertGA/Description" class="dropbtn">Project</a>
 
     <div class="dropdown-content">
 
     <div class="dropdown-content">
Line 249: Line 303:
 
       <a href="https://2016.igem.org/Team:LambertGA/Proof">Proof of Concept</a>
 
       <a href="https://2016.igem.org/Team:LambertGA/Proof">Proof of Concept</a>
 
       <a href="https://2016.igem.org/Team:LambertGA/Demonstrate">Demonstrate</a>
 
       <a href="https://2016.igem.org/Team:LambertGA/Demonstrate">Demonstrate</a>
 +
      <a href="https://2016.igem.org/Team:LambertGA/Results">Results</a>
 +
      <a href="https://2016.igem.org/Team:LambertGA/Notebook">Notebook</a>
 
     </div>
 
     </div>
   </li>
+
   </li><!--
<!--</a><a class="HeaderLinks" href="https://2016.igem.org/Team:LambertGA/Parts">Parts -->
+
--><li class="dropdown" >
</a><li class="dropdown" >
+
 
       <a href="https://2016.igem.org/Team:LambertGA/Parts" class="dropbtn">Parts</a>
 
       <a href="https://2016.igem.org/Team:LambertGA/Parts" class="dropbtn">Parts</a>
 
       <div class="dropdown-content">
 
       <div class="dropdown-content">
 
       <a href="https://2016.igem.org/Team:LambertGA/Basic_Part">Basic Parts</a>
 
       <a href="https://2016.igem.org/Team:LambertGA/Basic_Part">Basic Parts</a>
 
       <a href="https://2016.igem.org/Team:LambertGA/Composite_Part">Composite Parts</a>
 
       <a href="https://2016.igem.org/Team:LambertGA/Composite_Part">Composite Parts</a>
      <a href="https://2016.igem.org/Team:LambertGA/Part_Collection">Part Collection</a>
 
 
     </div>
 
     </div>
   </li>
+
   </li><!--
<!--</a><a class="HeaderLinks" href="https://2016.igem.org/Team:LambertGA/Team">Team -->
+
--><a href="https://2016.igem.org/Team:LambertGA/Attributions"class="dropbtn">Attributions</a><!--
</a><li class="dropdown" >
+
--><a  href="https://2016.igem.org/Team:LambertGA/Safety"class="dropbtn">Safety</a><!--
      <a href="https://2016.igem.org/Team:LambertGA/Team" class="dropbtn">Team</a>
+
--><li class="dropdown" >
      <div class="dropdown-content">
+
      <a href="https://2016.igem.org/Team:LambertGA/Collaborations">Collaborations</a>
+
    </div>
+
  </li>
+
</a>
+
<a  href="https://2016.igem.org/Team:LambertGA/Attributions"class="dropbtn">Attributions</a>
+
<a  href="https://2016.igem.org/Team:LambertGA/Safety"class="dropbtn">Safety</a>
+
<!--</a><a class="HeaderLinks" href="https://2016.igem.org/Team:LambertGA/Human_Practices">Human Practices -->
+
</a><li class="dropdown" >
+
 
       <a href="https://2016.igem.org/Team:LambertGA/Human_Practices" class="dropbtn">Human Practices</a>
 
       <a href="https://2016.igem.org/Team:LambertGA/Human_Practices" class="dropbtn">Human Practices</a>
 
       <div class="dropdown-content">
 
       <div class="dropdown-content">
Line 279: Line 324:
 
       <a href="https://2016.igem.org/Team:LambertGA/HP/Engagements">Engagements</a>
 
       <a href="https://2016.igem.org/Team:LambertGA/HP/Engagements">Engagements</a>
 
     </div>
 
     </div>
   </li>
+
   </li><!--
  <li class="dropdown" >
+
--><li class="dropdown" >
       <a class="dropbtn">Awards</a>
+
       <a href="https://2016.igem.org/Team:LambertGA/Awards" class="dropbtn">Awards</a>
 
       <div class="dropdown-content">
 
       <div class="dropdown-content">
      <a href="https://2016.igem.org/Team:LambertGA/Entrepreneurship">Entrepreneurship</a>
 
 
       <a href="https://2016.igem.org/Team:LambertGA/Hardware">Hardware</a>
 
       <a href="https://2016.igem.org/Team:LambertGA/Hardware">Hardware</a>
      <a href="https://2016.igem.org/Team:LambertGA/Software">Software</a>
 
 
       <a href="https://2016.igem.org/Team:LambertGA/Measurement">Measurement</a>
 
       <a href="https://2016.igem.org/Team:LambertGA/Measurement">Measurement</a>
 
       <a href="https://2016.igem.org/Team:LambertGA/Model">Model</a>
 
       <a href="https://2016.igem.org/Team:LambertGA/Model">Model</a>
 
     </div>
 
     </div>
 
   </li>
 
   </li>
</a>
 
  
 
</div>
 
</div>
Line 297: Line 339:
  
  
<div class="column full_size" style="background-color:#C8A2C8" >
+
 
 +
<div class="column full_size">
  
  
Line 309: Line 352:
 
<div class="container">
 
<div class="container">
 
<div class="row">
 
<div class="row">
<div class="col-md-12 col-sm-10">
+
<div class="column full_size" style="width:75%;margin:auto;">
  
  
Line 368: Line 411:
 
</div>
 
</div>
  
 +
<div id="sponsors-bottom">
  
 +
<a href="http://www.forsyth.k12.ga.us/lhs"><img src="https://static.igem.org/mediawiki/2016/9/9e/T--LambertGA--longhorn_iGEM_logo.png" class="transparent" style="height:100px;padding:20px;"></a>
 +
 +
</div>
  
 
</html>
 
</html>

Revision as of 02:40, 14 October 2016

Design


To further characterize ClpXP, we created an inducible genetic circuit in which ClpXP degrades the chromoprotein tsPurple.





Before induction, the LacI gene will produces lac inhibitor molecules that will bind to the pR11 (pLac1) site and inhibit it from promoting ClpXP and the CI. This system allows tsPurple to be significantly expressed in the E. coli cells. Upon induction of IPTG, IPTG molecules will bind to the LacI repressor, which thereby allows pR11 to promote ClpXP and the CI. The CI will repress the p-lambda-r promoter to ensure that no additional Lac molecules are being produced. Once expressed, ClpXP will proceed to degrade the chromoprotein, ts purple.

With this in mind, we assembled six constructs - three with the GFP chromoprotein and three with tsPurple. The three GFP constructs served as our baseline constructs as we can compare the success of failure of the tsPurple constructs; the built GFP constructs works to ensure that our circuit can feasibly deliver results. In each set - the separate GFP and tsPurple constructs- the first construct serves as our control due to the lack degradation tags on the reporters. In the second construct, the reporters are associated with the DAS degron; and in the third construct, the reporters were tagged with the LAA degron. According to the biobrick registry, LAA, is a much stronger degradation tag than DAS; consequently, we expect to see a greater degree of degradation (significantly lighter color of purple) in the constructs with the LAA tag than the constructs with the DAS tag and no degradation tags.

Moreover, we have assembled constructs in two different knockout strains:

a. Keio ClpX Knockout: In this strain, ClpX will be knocked out and ClpP will be allowed to function. ClpX is responsible for de-linearizing the target protein into its primary structure and then translocating it into a proteolytic cavity in ClpP. Since ClpX will not be expressed, the chromoprotein will not be de-linearized and hence prevent ClpP from degrading the primary structure of the protein. With this in mind, we expect our plates to remain purple in the Keio ClpX Knockout strain.

b. Keio ClpP Knockout: In this strain, ClpP will be knocked out and ClpX will be allowed to function. ClpP is responsible for degrading the primary structure of the protein itself; it does this by breaking the individual covalent bonds (polypeptide bonds) that exist between the amino acids in the polypeptide chain. Since ClpP will not be expressed, the chromoprotein will not be degraded into individual amino acids. However, despite this, the chromoprotein will still be degraded partially because it will be de-linearized by ClpX. In other words, although the protein will still be in its primary structure, it will still lack the hydrogen bonds, hydrophobic interactions, ionic bonds, disulfide bridges, and R-Group interactions that exist in its tertiary (or in some cases, quaternary) structure; consequently, that will limit the chromoprotein’s ability to express its pigments. With this in mind, we expect our plates to have a smaller number of purple cells present in the Keio ClpP Knockout strain.