Difference between revisions of "Team:LambertGA/Composite Part"
JackdHarris (Talk | contribs) |
|||
| (14 intermediate revisions by 3 users not shown) | |||
| Line 5: | Line 5: | ||
#sideMenu { display:none; } | #sideMenu { display:none; } | ||
| + | a:hover { | ||
| + | text-decoration: none; | ||
| + | } | ||
| − | + | #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%;} | ||
| + | |||
| + | a.drplink { | ||
| + | color:white; | ||
| + | } | ||
| + | a.drplink:hover { | ||
| + | color:dimgray; | ||
| + | } | ||
| + | |||
| + | |||
| + | div { | ||
| + | color: gray; | ||
| + | } | ||
#content { | #content { | ||
| − | margin | + | margin: 0px auto; |
| − | background-color: | + | background-color: white; |
| + | width: 100%; | ||
| + | padding: 0px; | ||
| + | } | ||
| Line 17: | Line 45: | ||
| − | .column full_size {width: | + | .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 60: | ||
color: #9D0EC8;} | color: #9D0EC8;} | ||
| + | a { | ||
| + | opacity: 1.0; | ||
| + | } | ||
| + | |||
| + | a:visited { | ||
| + | color: #D49AE6; | ||
| + | } | ||
a.HeaderLinks { | a.HeaderLinks { | ||
| + | height: 50px; | ||
position: center; | position: center; | ||
| − | |||
border: none; | border: none; | ||
| − | color: | + | color: #D49AE6; |
| − | + | ||
text-align: center; | text-align: center; | ||
text-decoration: none; | text-decoration: none; | ||
| Line 46: | Line 85: | ||
#MainTitle { | #MainTitle { | ||
| − | padding: | + | padding-top: 50px; |
| − | + | padding-bottom: 7px; | |
| − | + | font-size: 45px; | |
| − | + | color: dimgray; } | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | } | + | |
| Line 75: | Line 103: | ||
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; | ||
| − | |||
| − | |||
width: 100%; | width: 100%; | ||
| − | + | height: 50px; | |
| − | + | line-height: 50px; | |
| − | + | background-color: white; | |
| + | margin: auto; | ||
text-align:center; | text-align:center; | ||
| + | opacity: 0.7; | ||
} | } | ||
.header{ | .header{ | ||
| − | width: | + | width: 100%; |
padding: 0; | padding: 0; | ||
margin: 0 auto; | margin: 0 auto; | ||
| Line 102: | Line 136: | ||
#text{ | #text{ | ||
width: 900px; | width: 900px; | ||
| − | padding: | + | padding: 0px; |
display: block; | display: block; | ||
| − | margin: | + | margin: 0px auto; |
} | } | ||
| − | |||
#space{ | #space{ | ||
| Line 114: | Line 147: | ||
#sponsors-bottom{ | #sponsors-bottom{ | ||
| − | width: | + | width: 100%; |
| − | margin: | + | margin: 0px auto; |
text-align: center; | text-align: center; | ||
display: block; | display: block; | ||
| Line 122: | Line 155: | ||
#sponsors-bottom a{ | #sponsors-bottom a{ | ||
| + | margin: auto; | ||
| + | width: 50% | ||
display: inline-block; | display: inline-block; | ||
} | } | ||
| Line 134: | Line 169: | ||
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 200: | ||
display: block; | display: block; | ||
} | } | ||
| − | |||
#globalWrapper{ | #globalWrapper{ | ||
background-color: white; | background-color: white; | ||
| − | padding: | + | padding: 0px; |
| + | |||
} | } | ||
| + | |||
/* Dropdown Button */ | /* Dropdown Button */ | ||
.dropbtn { | .dropbtn { | ||
| + | margin: auto; | ||
position: left; | position: left; | ||
| − | background-color: | + | height: 100%; |
| − | color: | + | width: 100%; |
| − | padding: | + | background-color: white; |
| − | font-size: | + | 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 234: | ||
.dropdown-content { | .dropdown-content { | ||
display: none; | display: none; | ||
| + | opacity: 0.0; | ||
position: absolute; | position: absolute; | ||
background-color: #D49AE6; | background-color: #D49AE6; | ||
| − | min-width: | + | 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: | + | color: white; |
| − | padding: | + | opacity: 0.0; |
| − | font-size: | + | 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 260: | ||
.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 { |
| − | . | + | 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 301: | ||
<header> | <header> | ||
<div id="headerLinks"> | <div id="headerLinks"> | ||
| − | + | <a href="https://2016.igem.org/Team:LambertGA" class="dropbtn">Home</a><!-- | |
| − | <a href="https://2016.igem.org/Team:LambertGA" class="dropbtn"> | + | --><li class="dropdown" > |
| − | < | + | <a href="https://2016.igem.org/Team:LambertGA/Team" class="dropbtn">Team</a> |
| − | </ | + | <div class="dropdown-content"> |
| + | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Team">Team</a> | ||
| + | <a class="drplink" style="transition: color 0.5s ease-in-out;" 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" style="transition: display 0.5s ease-in-out;"> |
| − | <a href="https://2016.igem.org/Team:LambertGA/ | + | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Description">Description</a> |
| − | <a href="https://2016.igem.org/Team:LambertGA/ | + | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Design">Design</a> |
| − | <a href="https://2016.igem.org/Team:LambertGA/Experiments">Experiments</a> | + | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Experiments">Experiments</a> |
| − | <a href="https://2016.igem.org/Team:LambertGA/Proof">Proof of Concept</a> | + | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Proof">Proof of Concept</a> |
| − | <a href="https://2016.igem.org/Team:LambertGA/ | + | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Results">Results</a> |
| + | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Notebook">Notebook</a> | ||
</div> | </div> | ||
| − | </li> | + | </li><!-- |
| − | <!-- | + | --><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/ | + | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Parts">Parts</a> |
| − | <a href="https://2016.igem.org/Team:LambertGA/ | + | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Basic_Part">Basic Parts</a> |
| − | <a href="https://2016.igem.org/Team:LambertGA/ | + | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Composite_Part">Composite Parts</a> |
</div> | </div> | ||
| − | </li> | + | </li><!-- |
| − | <!-- | + | --><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><!-- | |
| − | + | --><li class="dropdown" > | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | <a href="https://2016.igem.org/Team:LambertGA/Safety"class="dropbtn">Safety</a> | + | |
| − | <!-- | + | |
| − | + | ||
<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"> | ||
| − | <a href="https://2016.igem.org/Team:LambertGA/Silver">Silver</a> | + | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Human_Practices">Human Practices</a> |
| − | <a href="https://2016.igem.org/Team:LambertGA/Gold">Gold</a> | + | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/HP/Silver">Silver</a> |
| − | + | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/HP/Gold">Gold</a> | |
| − | <a href="https://2016.igem.org/Team:LambertGA/ | + | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Integrated_Practices">Integrated Practices</a> |
| + | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Engagement">Engagement</a> | ||
</div> | </div> | ||
| − | </li> | + | </li><!-- |
| − | + | --><li class="dropdown" > | |
| − | <a href="https://2016.igem.org/Team:LambertGA/ | + | <a href="https://2016.igem.org/Team:LambertGA/Hardware" class="dropbtn">Awards</a> |
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
| − | <a | + | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Hardware">Hardware</a> |
| − | + | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Measurement">Measurement</a> | |
| − | <a | + | <a class="drplink" style="transition: color 0.5s ease-in-out;" 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> | ||
| − | |||
</div> | </div> | ||
| Line 297: | Line 354: | ||
| − | <div class="column full_size" style=" | + | |
| + | <div class="column full_size" style="width:75%; margin:auto;" > | ||
| Line 303: | Line 361: | ||
| + | <br> | ||
| + | <center> <h1 id="MainTitle"><b> Composite Parts </b></h1><img src="https://static.igem.org/mediawiki/2016/2/26/T--LambertGA--purpleline.jpg" style="width:18%; margin:auto;"> </center> | ||
| + | <br> | ||
| − | <center> < | + | <section> |
| − | + | <div class="container"> | |
| − | + | <div class="row"> | |
| − | + | <div class="col-md-12 col-sm-10"> | |
| + | <br> | ||
| + | <center><font color= "#D49AE6">BBa_K1911000: pλr-LacI </font> | ||
| + | <br> | ||
| + | <img src="https://static.igem.org/mediawiki/2016/e/e6/T--LambertGA--laci.png"> | ||
| + | <br></center> | ||
| + | This part is a part of a larger construct which allows the system to change from one state to another. When the <i>E. coli</i> | ||
| + | cells containing the larger construct is induced with IPTG, the IPTG binds with the LacI repressor, allowing the other pathway to be expressed, and it expresses a CI repressor which shuts down the first pathway. This part was created in order for teams to be able to easily place their genes of interest in this "switch" system. They would combine their gene of interest with the pLamdaR-LacI part and then proceed to combine it to the rest of the system. We had to make sure there were no illegal restriction enzyme sites (EcoRI, PstI, SpeI, and XbaI) which cut the part in places where we did not want them to. The part was created by combining multiple parts found on the iGEM parts registry. | ||
| + | <br><br><br> | ||
| + | <center><font color= "#D49AE6">BBa_K1911001: pLac-ClpX-ClpP-CI </font> | ||
| + | <br><img src="https://static.igem.org/mediawiki/2016/0/0d/T--LambertGA--clpxpCI.png"><br></center> | ||
| + | The pLac-ClpXP-CI sequence combines with the pLamdaR-LacI sequence, creating a system. The system at first expressed pLamdaR-LacI which also has a gene of interest along with its degradation tag (ts-Purple+DegTag in our project). The LacI represses the pLac promoter and does not allow the ClpXP-CI system to be expressed. Once IPTG is induced into the <i>E. coli</i> cells, it binds with the LacI proteins, discontinuing the repression of the pLac promoter. The pLac promoter begins to express ClpXP-CI and the CI repressed the pLamdaR promoter, discontinuing the expression of LacI and the gene of interest. The produced ClpXP system then begins to degrade the gene of interest which is tagged with a degradation tag. Other teams can put their gene of interest into this system and find out how fast certain proteins can degrade under certain degradation tags or perform whatever they wish to with this switchable system. The pLac-ClpXP-CI system was built so that illegal restriction sites were not present in our sequences so that other teams wishing to use the system may be able to use it. It can also be easily combined with other sequences. The pLac-ClpXP-CI system is not found in any genomic sequence. It was built using parts found on the iGEM registry and from certain parts found in <i>E. coli</i> cells (i.e ClpXP). | ||
| + | <br><br><br> | ||
| + | <center><font color= "#D49AE6">BBa_K1911004: pλr-LacI-eGFP-LAA-pLac-ClpX-ClpP-CI </font> | ||
| + | <br><img src="https://static.igem.org/mediawiki/2016/4/43/T--LambertGA--lacegfp.png"><br></center> | ||
| + | This construct is an example of the switch system that was used in our project. Once the <i>E. coli</i> cells containing our construct were induced with IPTG, the pLamdaR pathway would be shut down while the pLac pathway would be turned on. This allows for the degradation of the gene of interest, eGFP. This construct is the finished product of our project after using 3A Assembly to assemble the two different promoter pathways. This construct is switchable because IPTG can be added to switch the system from one pathway to another. We had to make sure there weren't any illegal restriction enzyme sites. Double terminators and double stop codons were added appropriately so that translation and transcription didn't continue to express random DNA sequences. The part was created by combining multiple parts from the iGEM registry. | ||
| + | <br><br> | ||
| + | </p> | ||
| + | </div></div></div></div></section> | ||
| Line 324: | Line 403: | ||
<div id="sponsors-bottom"> | <div id="sponsors-bottom"> | ||
| − | <a href="http://www.forsyth.k12.ga.us/lhs"><img src="https://static.igem.org/mediawiki/ | + | <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> | ||
Latest revision as of 23:21, 19 October 2016
Composite Parts
