(Prototype team page) |
NithikB123 (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
+ | <head> | ||
+ | <style> | ||
+ | |||
+ | #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; | ||
+ | } | ||
+ | a.partlink { | ||
+ | color:#D49AE6; | ||
+ | } | ||
+ | a.partlink:hover { | ||
+ | color:dimgray; | ||
+ | } | ||
− | |||
− | + | div { | |
+ | color: gray; | ||
+ | } | ||
− | + | #content { | |
− | + | margin: 0px auto; | |
+ | background-color: white; | ||
+ | width: 100%; | ||
+ | padding: 0px; | ||
+ | } | ||
− | + | .logo_2017 {display:none;} | |
+ | .column full_size {width: 100%; | ||
+ | height: 700px; | ||
+ | position: center; } | ||
+ | p { | ||
+ | margin: auto; | ||
+ | width: 75%; | ||
+ | color: gray; | ||
+ | } | ||
− | + | #firstHeading { | |
− | + | font-size: 16px; | |
− | + | color: #9D0EC8;} | |
− | + | ||
− | + | ||
− | + | ||
+ | a { | ||
+ | opacity: 1.0; | ||
+ | } | ||
+ | a:visited { | ||
+ | color: #D49AE6; | ||
+ | } | ||
+ | a.HeaderLinks { | ||
+ | height: 50px; | ||
+ | position: center; | ||
+ | border: none; | ||
+ | color: #D49AE6; | ||
+ | text-align: center; | ||
+ | text-decoration: none; | ||
+ | font-size: 16px; | ||
+ | } | ||
− | |||
− | + | #top_title { | |
− | + | background-color: white; | |
− | + | } | |
− | + | ||
+ | #MainTitle { | ||
+ | padding-top: 50px; | ||
+ | padding-bottom: 7px; | ||
+ | font-size: 45px; | ||
+ | color: dimgray; } | ||
+ | .firstHeading{ | ||
+ | display: none; | ||
+ | } | ||
− | |||
− | + | body{ | |
− | + | font-size:15px; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | + | header h1{ | |
+ | text-align:center; | ||
+ | color: dimgray; | ||
+ | } | ||
+ | h2{ | ||
+ | color: #D49AE6; | ||
+ | } | ||
− | |||
− | + | #headerLinks { | |
− | + | position: fixed; | |
+ | text-decoration: none; | ||
+ | color: #b8975e; | ||
+ | width: 100%; | ||
+ | height: 50px; | ||
+ | line-height: 50px; | ||
+ | background-color: white; | ||
+ | margin: auto; | ||
+ | text-align:center; | ||
+ | opacity: 0.7; | ||
+ | } | ||
− | < | + | |
− | < | + | .header{ |
− | <li><a href="https:// | + | width: 100%; |
− | <li><a href="https:// | + | padding: 0; |
− | <li><a href="https:// | + | margin: 0 auto; |
− | </ | + | top: 0px; |
+ | background-color: rgba(255,255,255,0.0); | ||
+ | } | ||
+ | |||
+ | |||
+ | #text{ | ||
+ | width: 900px; | ||
+ | padding: 0px; | ||
+ | display: block; | ||
+ | margin: 0px auto; | ||
+ | } | ||
+ | |||
+ | #space{ | ||
+ | height:50px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #sponsors-bottom{ | ||
+ | width: 100%; | ||
+ | margin: 0px auto; | ||
+ | text-align: center; | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | |||
+ | #sponsors-bottom a{ | ||
+ | margin: auto; | ||
+ | width: 50% | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | |||
+ | #space2{ | ||
+ | height:100px; | ||
+ | } | ||
+ | |||
+ | |||
+ | img.transparent { | ||
+ | opacity: 0.4; | ||
+ | filter: alpha(opacity=40); /* For IE8 and earlier */ | ||
+ | transition: opacity 0.5s ease-in-out; | ||
+ | } | ||
+ | |||
+ | |||
+ | img.transparent:hover { | ||
+ | opacity: 1.0; | ||
+ | filter: alpha(opacity=100); /* For IE8 and earlier */ | ||
+ | } | ||
+ | |||
+ | |||
+ | .img-right{ | ||
+ | width: 50%; | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | |||
+ | .img-left{ | ||
+ | width: 50%; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | |||
+ | .display-block{ | ||
+ | width: 100%; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
+ | |||
+ | .display-block img{ | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | #globalWrapper{ | ||
+ | background-color: white; | ||
+ | padding: 0px; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | /* Dropdown Button */ | ||
+ | .dropbtn { | ||
+ | margin: auto; | ||
+ | position: left; | ||
+ | height: 100%; | ||
+ | width: 100%; | ||
+ | background-color: white; | ||
+ | color: #D49AE6; | ||
+ | padding: 14px; | ||
+ | font-size: 20px; | ||
+ | text-align: left; | ||
+ | border: none; | ||
+ | cursor: pointer; | ||
+ | transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out; | ||
+ | } | ||
+ | |||
+ | /* The container <div> - needed to position the dropdown content */ | ||
+ | .dropdown { | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | /* Dropdown Content (Hidden by Default) */ | ||
+ | .dropdown-content { | ||
+ | display: none; | ||
+ | opacity: 0.0; | ||
+ | position: absolute; | ||
+ | background-color: #D49AE6; | ||
+ | min-width: 200px; | ||
+ | text-align: left; | ||
+ | box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.2); | ||
+ | transition: opacity 0.5s ease-in-out; | ||
+ | } | ||
+ | |||
+ | /* Links inside the dropdown */ | ||
+ | .dropdown-content a { | ||
+ | color: white; | ||
+ | opacity: 0.0; | ||
+ | padding: 0px 10px; | ||
+ | font-size: 20px; | ||
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | transition: opacity 0.5s ease-in-out; | ||
+ | } | ||
+ | |||
+ | /* Change color of dropdown links on hover */ | ||
+ | .dropdown-content a:hover {background-color: #D49AE6} | ||
+ | |||
+ | /* Show the dropdown menu on hover */ | ||
+ | .dropdown:hover .dropdown-content { | ||
+ | display: block; | ||
+ | opacity: 1.0; | ||
+ | } | ||
+ | |||
+ | .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; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | #mainbanner{ | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | #mainbanner{ | ||
+ | display: block; | ||
+ | margin: auto;; | ||
+ | } | ||
+ | #logo{ | ||
+ | height: 50px; | ||
+ | opacity:0.4; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | |||
+ | |||
+ | |||
+ | <header> | ||
+ | <div id="headerLinks"> | ||
+ | <a href="https://2017.igem.org/Team:Lambert_GA" class="dropbtn">Home</a><!-- | ||
+ | --><li class="dropdown" > | ||
+ | <a href="https://2017.igem.org/Team:Lambert_GA/Team" class="dropbtn">Team</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Team">Team</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Collaborations">Collaborations</a> | ||
+ | </div> | ||
+ | </li><!-- | ||
+ | --><li class="dropdown"> | ||
+ | <a href="https://2017.igem.org/Team:Lambert_GA/Description" class="dropbtn">Project</a> | ||
+ | <div class="dropdown-content" style="transition: display 0.5s ease-in-out;"> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Description">Description</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Design">Design</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Experiments">Experiments</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Notebook">Notebook</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/InterLab">InterLab</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Contribution">Contribution</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Model">Model</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Results">Results</a><a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Demonstrate">Demonstrate</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Improve">Improve</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Attributions">Attributions</a> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | </li><!-- | ||
+ | --><li class="dropdown" > | ||
+ | <a href="https://2017.igem.org/Team:Lambert_GA/Parts" class="dropbtn">Parts</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" | ||
+ | href="https://2017.igem.org/Team:Lambert_GA/Parts">Parts</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" | ||
+ | href="https://2017.igem.org/Team:Lambert_GA/Basic_Part">Basic Parts</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Composite Part">Composite Parts</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Part Collection">Part_Collection</a></div> | ||
+ | </li><!-- | ||
+ | --><!-- | ||
+ | --><a href="https://2017.igem.org/Team:Lambert_GA/Safety"class="dropbtn">Safety</a><!-- | ||
+ | --><li class="dropdown" > | ||
+ | <a href="https://2017.igem.org/Team:Lambert_GA/Human_Practices" class="dropbtn">Human Practices</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Human_Practices">Human Practices</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/HP/Silver">Silver HP</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/HP/Gold_Integrated">Integrated and Gold</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Integrated_Practices">Integrated Practices</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Engagement">Public Engagement</a> | ||
+ | </div> | ||
+ | </li><!-- | ||
+ | --><li class="dropdown" > | ||
+ | <a href="https://2017.igem.org/Team:Lambert_GA/Hardware" class="dropbtn">Awards</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Applied_Design">Applied Design</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Entrepreneurship">Entrepreneurship</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Hardware">Hardware</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Measurement">Measurement</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Model">Model</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Plant">Plant</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Software">Software</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <a href="https://igem.org/2017_Judging_Form?team=Lambert_GA"class="dropbtn">JUDGING FORM</a> | ||
</div> | </div> | ||
− | + | </header> | |
− | + | ||
− | |||
− | |||
+ | <section> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-12 col-sm-10"> | ||
− | |||
− | |||
− | < | + | |
− | </div> | + | <br><br> |
+ | <center> <h1 id="MainTitle"><b> Parts </b></h1> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/2/26/T--LambertGA--purpleline.jpg" style="width:18%; margin:auto;"></center> | ||
+ | <br> | ||
+ | |||
+ | <center> | ||
+ | <a class="partlink" style="transition: color 0.5s ease-in-out;" href="http://parts.igem.org/Part:BBa_K1911002" style="text-decoration: none; color: #D49AE6;"> BBa_K1911002: ClpP </a> | ||
+ | |||
+ | |||
+ | <br><br> | ||
+ | |||
+ | <a class="partlink" style="transition: color 0.5s ease-in-out;"href="http://parts.igem.org/Part:BBa_K1911003" style="text-decoration: none; color: #D49AE6;"> BBa_K1911003: ClpX </a> | ||
+ | |||
+ | |||
+ | <br><br> | ||
+ | |||
+ | <a class="partlink" style="transition: color 0.5s ease-in-out;"href="http://parts.igem.org/Part:BBa_K1911005" style="text-decoration: none; color: #D49AE6;"> BBa_K1911005: eGFP </a> | ||
+ | |||
+ | |||
+ | <br><br> | ||
+ | |||
+ | <a class="partlink" style="transition: color 0.5s ease-in-out;"href="http://parts.igem.org/Part:BBa_K1911000" style="text-decoration: none; color: #D49AE6;"> BBa_K1911000: pλr-LacI </a> | ||
+ | |||
+ | <br><br> | ||
+ | |||
+ | <a class="partlink" style="transition: color 0.5s ease-in-out;"href="http://parts.igem.org/Part:BBa_K1911001" style="text-decoration: none; color: #D49AE6;"> BBa_K1911001: pLac-ClpX-ClpP-CI </a> | ||
+ | <br><br> | ||
+ | <a class="partlink" style="transition: color 0.5s ease-in-out;"href="http://parts.igem.org/Part:BBa_K1911004" style="text-decoration: none; color: #D49AE6;"> BBa_K1911004: pλr-LacI-eGFP-LAA-pLac-ClpX-ClpP-CI </a> | ||
+ | |||
+ | </center> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | </p> | ||
+ | </div></div></div></div> | ||
+ | </center> | ||
+ | </section> | ||
+ | |||
+ | <div class="column full_size" style="width:70%; margin:auto;" > | ||
+ | <div> | ||
+ | Our 2017 iGEM team used existing Biobrick parts from the Uppsala team (BBa_K1033906) and also the Endy Lab (BBa_M0050-LAA, M0052-DAS). We were trying to further Edinburgh’s work by expanding upon their experiments with GFP and the degradation tags. We sought to do this by replacing GFP with the tsPurple chromoprotein and characterizing the ClpXP system. We attempted to characterize these previous parts but ran into some obstacles while working with them. | ||
+ | <br><br> | ||
+ | We first obtained the tsPurple sequence from the 2013 Uppsala iGEM wiki page. We ordered the sequence online from IDT, hydrated it, and proceeded to carry out the 3A assembly procedures to create our constructs. We had the tsPurple with no degradation tag, tsPurple with the LAA degradation tag, and tsPurple with the DAS degradation tag. The degradation tags were obtained from the Endy Lab sequencing and correspond to strong degradation for LAA and moderate for DAS. | ||
+ | <br><br> | ||
+ | We sought to improve upon the LAA and DAS degradation tags by showing their relative strength in degrading the tsPurple chromoprotein and we also sought to improve upon the characterization of the tsPurple gene so that its relative degradation may be present for anyone who needs it. | ||
</div> | </div> | ||
+ | <br><br> | ||
+ | <div id="sponsors-bottom"> | ||
+ | <a href="http://www.forsyth.k12.ga.us/lhs"><img src="https://static.igem.org/mediawiki/2017/9/9e/T--LambertGA--longhorn_iGEM_logo.png" class="transparent" style="height:100px;padding:20px;"></a> | ||
+ | |||
+ | </div> | ||
</html> | </html> |
Revision as of 03:06, 25 June 2017
Our 2017 iGEM team used existing Biobrick parts from the Uppsala team (BBa_K1033906) and also the Endy Lab (BBa_M0050-LAA, M0052-DAS). We were trying to further Edinburgh’s work by expanding upon their experiments with GFP and the degradation tags. We sought to do this by replacing GFP with the tsPurple chromoprotein and characterizing the ClpXP system. We attempted to characterize these previous parts but ran into some obstacles while working with them.
We first obtained the tsPurple sequence from the 2013 Uppsala iGEM wiki page. We ordered the sequence online from IDT, hydrated it, and proceeded to carry out the 3A assembly procedures to create our constructs. We had the tsPurple with no degradation tag, tsPurple with the LAA degradation tag, and tsPurple with the DAS degradation tag. The degradation tags were obtained from the Endy Lab sequencing and correspond to strong degradation for LAA and moderate for DAS.
We sought to improve upon the LAA and DAS degradation tags by showing their relative strength in degrading the tsPurple chromoprotein and we also sought to improve upon the characterization of the tsPurple gene so that its relative degradation may be present for anyone who needs it.
We first obtained the tsPurple sequence from the 2013 Uppsala iGEM wiki page. We ordered the sequence online from IDT, hydrated it, and proceeded to carry out the 3A assembly procedures to create our constructs. We had the tsPurple with no degradation tag, tsPurple with the LAA degradation tag, and tsPurple with the DAS degradation tag. The degradation tags were obtained from the Endy Lab sequencing and correspond to strong degradation for LAA and moderate for DAS.
We sought to improve upon the LAA and DAS degradation tags by showing their relative strength in degrading the tsPurple chromoprotein and we also sought to improve upon the characterization of the tsPurple gene so that its relative degradation may be present for anyone who needs it.