Difference between revisions of "Team:Lambert GA"

(Prototype team page)
 
 
(361 intermediate revisions by 7 users not shown)
Line 1: Line 1:
 
{{Lambert_GA}}
 
{{Lambert_GA}}
 
<html>
 
<html>
 +
<head>
 +
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"><style>
 +
html{
 +
font-family: 'La', sans-serif;
 +
}
  
 +
#sideMenu { display:none; }
  
−
<div class="column full_size" >
+
a:hover {
−
<img src="http://placehold.it/2000x300/d3d3d3/f2f2f2">
+
text-decoration: none;
−
</div>
+
}
  
 +
#mainContainer{
 +
background-color: #7A7A79;
 +
    width: 100%;
 +
}
 +
#main{
 +
    width: 100%;
 +
margin: auto;
 +
    padding: 0px;
 +
}
  
 +
body { margin: 0px; padding: 0px; width: 100%;}
  
−
<div class="column full_size" >
+
a.drplink {
−
<h1> Welcome to iGEM 2017! </h1>
+
color:white;
−
<p>Your team has been approved and you are ready to start the iGEM season! </p>
+
}
−
</div>
+
a.drplink:hover {
 +
color:dimgray;
 +
}
  
−
<div class="clear"></div>
 
  
−
<div class="column half_size" >
+
div {
−
<h5>Before you start: </h5>
+
color: white;
−
<p> Please read the following pages:</p>
+
}
−
<ul>
+
−
<li>  <a href="https://2017.igem.org/Competition">Competition Hub</a> </li>
+
−
<li> <a href="https://2017.igem.org/Competition/Deliverables/Wiki">Wiki Requirements page</a></li>
+
−
<li> <a href="https://2017.igem.org/Resources/Template_Documentation">Template documentation</a></li>
+
−
</ul>
+
−
</div>
+
  
−
<div class="column half_size" >
+
 
−
<div class="highlight">
+
#content {
−
<h5> Styling your wiki </h5>
+
margin: 0px;
−
<p>You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.</p>
+
margin-top: -5px;
−
<p>While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.</p>  
+
background-color: #7A7A79;
−
</div>
+
width: 100%;
 +
padding: 0px;
 +
font-family: 'Roboto', sans-serif;
 +
}
 +
 
 +
 
 +
.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: 20px;
 +
font-size: 45px;
 +
color: #D49AE6; }
 +
 
 +
 
 +
.firstHeading{
 +
    display: none;
 +
}
 +
 
 +
 
 +
body{
 +
font-size:15px;
 +
}
 +
 
 +
 
 +
header h1{
 +
text-align:center;
 +
color: dimgray;
 +
}
 +
 
 +
h2 {
 +
color: #D49AE6;
 +
text-align:center;
 +
hspace="20";
 +
}
 +
 
 +
 
 +
#headerLinks {
 +
position: fixed;
 +
text-decoration: none;
 +
color: #42413C;
 +
width: 100%;
 +
height: 50px;
 +
line-height: 50px;
 +
background-color: #555554;
 +
margin-top: 0px;
 +
text-align:center;
 +
opacity: 0.9;
 +
}
 +
 
 +
 
 +
.header{
 +
width: 100%;
 +
padding: 0;
 +
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;
 +
}
 +
 
 +
.transparency {
 +
    opacity: 0.4;
 +
transition: opacity 0.5s ease-in-out;
 +
filter: alpha(opacity=40);
 +
-webkit-backface-visibility: hidden;
 +
}
 +
 
 +
 
 +
.transparency:hover {
 +
    opacity: 1;
 +
filter: alpha(opacity=100);
 +
    width = 100px;
 +
-webkit-backface-visibility: hidden;
 +
}
 +
 
 +
 
 +
 
 +
.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%;
 +
  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: #CFB9F7;
 +
    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;
 +
color: #4A555C;}
 +
 
 +
/* 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:  #4A555C;
 +
}
 +
 
 +
#mainbanner{
 +
text-align: center;
 +
}
 +
 
 +
#mainbanner{
 +
    display: block;
 +
    margin: auto;;
 +
}
 +
#logo{
 +
height: 50px;
 +
opacity:0.4;
 +
}
 +
#imgcircle{
 +
border-radius: 100px;
 +
margin-left: 150px;
 +
margin-bottom:100px;
 +
height: 200px;
 +
align: left;
 +
}
 +
.block1 {
 +
background-color: #FFFFFF;
 +
}
 +
.block2 {
 +
background-color: #7A7A79;
 +
}
 +
.button {
 +
    background-color: #000000; /* Green */
 +
    border: none;
 +
    color: white;
 +
    padding: 16px 32px;
 +
    text-align: center;
 +
    text-decoration: none;
 +
    display: inline-block;
 +
    font-size: 16px;
 +
    margin: 4px 2px;
 +
    -webkit-transition-duration: 0.4s; /* Safari */
 +
    transition-duration: 0.4s;
 +
    cursor: pointer;
 +
    font-family: 'Roboto', sans-serif;
 +
}
 +
 
 +
.button1 {
 +
    background-color: white;
 +
    color: #7A7A79;
 +
    border: 2px solid #7A7A79;
 +
}
 +
 
 +
.button1:hover {
 +
    background-color: #7A7A79;
 +
    color: white;
 +
}
 +
.button2 {
 +
    background-color: #7A7A79;
 +
    color: white;
 +
    border: 2px solid #FFFFFF;
 +
    float: right;
 +
}
 +
 
 +
.button2:hover {
 +
    background-color: white;
 +
    color: #7A7A79;
 +
}
 +
 
 +
table {
 +
    border-collapse: collapse;
 +
    width: 70%;
 +
}
 +
 
 +
td, th {
 +
    border: 2px solid #D49AE6;
 +
    text-align: left;
 +
    padding: 8px;
 +
}
 +
 
 +
tr:nth-child(even) {
 +
    background-color: #dddddd;
 +
}
 +
</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/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/Attributions">Attributions</a>
 +
     
 +
     
 +
    </div>
 +
  </li><!--
 +
--><li class="dropdown" >
 +
      <a href="https://2017.igem.org/Team:Lambert_GA/Part Collection" 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/Part_Collection">Part Collection</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;"
 +
href="https://2017.igem.org/Team:Lambert_GA/Updated_Part">Updated 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>
 +
    </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/HP/Silver" 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/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/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/Hardware">Hardware</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/Software">Software</a>
 +
    </div>
 +
  </li>
 +
<a  href="https://igem.org/2017_Judging_Form?team=Lambert_GA"class="dropbtn">Judging Form</a>
 
</div>
 
</div>
  
−
<div class="column full_size" >
+
</header>
−
<h5> Wiki template information </h5>
+
−
<p>We have created these wiki template pages to help you get started and to help you think about how your team will be evaluated. You can find a list of all the pages tied to awards here at the <a href="https://2017.igem.org/Judging/Pages_for_Awards">Pages for awards</a> link. You must edit these pages to be evaluated for medals and awards, but ultimately the design, layout, style and all other elements of your team wiki is up to you!</p>
+
  
−
</div>  
+
<br><br>
 +
<div id="mainbanner">
 +
            <img src="https://static.igem.org/mediawiki/2017/2/26/Lambertigem2017logorevised.png" style="width:69%" align="middle">
 +
            </div>
  
 +
<div class="column full_size" style="background-color:#7A7A79" >
  
  
 +
<script type="text/javascript"></script>
  
−
<div class="column half_size" >
+
 
−
<h5> Editing your wiki </h5>
+
 
−
<p>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world! </p>  
+
<center>  <h2 class="maint"> Characterizing Non-Lysosomal Inducible Protein Degradation </h2></center>
−
<p> <a href="https://2017.igem.org/wiki/index.php?title=Team:Example&action=edit"> </a>Use WikiTools - Edit in the black menu bar to edit this page</p>
+
 
 +
 
 +
 
 +
<br><br>
 +
<center>
 +
<img src="https://static.igem.org/mediawiki/2017/5/5d/T--Lambert_GA--PurpleisPurple.jpeg" style="width:400px;">
 +
<br>
 +
<i style="font-size: 14px; color: white;">
 +
TinselPurple samples under varying levels of IPTG induction in the Chrome-Q base ready for imaging
 +
</i>
 +
 
 +
</center>
 +
<br><br>
 +
<p style="font-size: 20px; color: white; text-indent: 50px;">
 +
Scientists around the world struggle with questions regarding chromoprotein expression, specifically in regards to their use in biosensors.  Biosensors are often seen as low-cost alternatives to expensive detection equipment for underfunded labs and field work.  Lambert iGEM was inspired to address the problem of quantifying chromoprotein expression through development of a 3-D printed original device: Chrome-Q, software app, and verification with a chromoprotein genetic circuit. Additionally, samples were prepared with the 3-D Fuge (which was modified from Prakash Lab’s Paperfuge) to investigate the viability of using a low-cost centrifuge to process cells for visualization.<br>
 +
<p style="font-size: 20px; color: white; text-indent: 50px;">
 +
Quantifying color relies on measures of Red, Green, Blue (RGB) values and evaluating them in a color space known as Hue, Saturation and Value (HSV). Another consideration for color quantification is standardization of environmental light.  To achieve this a device, the Chrome-Q, was developed to create a standardized environment for capturing images using Android and Apple mobile device cameras.  Self-developed android software evaluates the RGB images resulting in HSV values.  These HSV values can be normalized for cell density through subsequent serial dilutions of the cultures and plating to count Colony Forming Units (CFU).<br><br>
 +
</p>
 +
 
 +
<center>
 +
<img src="https://static.igem.org/mediawiki/2017/c/cb/T--Lambert_GA--HSVModel.png" style="width:400px;">
 +
<img src="https://static.igem.org/mediawiki/2017/c/c6/T--Lambert_GA--ColonyCountHome.jpeg" style="height:300px;"><br>
 +
<br>
 +
<i style="font-size: 14px; color: white;">Left: The HSL (hue, saturation and value) that the Chrome-Q measures
 +
<br>
 +
Right: Chromoproteins under four different levels of IPTG induction plated to determine CFU's
 +
</i>
 +
<br><br>
 +
</center>
 +
 
 +
<p style="font-size: 20px; color: white; text-indent: 50px;">
 +
Throughout the development of the Chrome-Q, engineering design principles were implemented.  Feedback and resulting changes were implemented into the next iteration.  Five different prototypes led to the final development of two designs optimized for both Android and Apple mobile devices.  The Android software was written in C#.  The Chrome-Q stl files and software are available on the hardware page are open source.  <br>
 +
 
 +
<p style="font-size: 20px; color: white; text-indent: 50px;">The device and software were then used to quantify data of ATUM’s Protein Paintbox proteins TinselPurple, ScroogeOrange and VirginiaViolet under varying levels of IPTG induction. An assembled genetic circuit of: Promoter- R0040, Ribosomal Binding Site B0034, and Tinsel purple (Tspurple)- (BBa_K1033906) (Uppsala 2013) was constructed to use in conjunction with a Protease mechanism of ClpXP.  ClpXP is a protein complex comprised of two parts.  ClpX recognizes an SsrA tag sequence at the end of a protein linearizes the tagged protein and brings it to ClpP.  ClpP is an ATPase and cleaves the primary peptide bonds resulting in degradation of the original protein into individual amino acids.  This demonstrated the potential usefulness of the 3-D fuge and Chrome-Q system as a replacement for fluorescent plate readers and centrifuges.<br>
 +
</p>
 +
<center>
 +
<img src="https://static.igem.org/mediawiki/2017/5/5e/T--Lambert_GA--PrettyWellPlate3.jpeg" style="width:400px;">
 +
<br>
 +
<i style="font-size: 14px; color: white;"> The full base of the Chrome-Q system with different dilutions of chromoproteins in the well plate
 +
</i>
 +
<br><br>
 +
</center>
 +
 
 +
<p style="font-size: 20px; color: white; text-indent: 50px;">
 +
 
 +
<br>
 +
<br>
 +
</p>
 +
<div class="block1">
 +
<br><br>
 +
<div class="img-left">
 +
<img id="imgcircle" src="https://static.igem.org/mediawiki/2017/5/51/T--Lambert_GA--naturegroupphoto.jpeg">
  
 
</div>
 
</div>
 +
<h2 style="margin-left: -300px; color: #7A7A79;"> Who We Are </h2><p style=" margin-left=300px; color: #7A7A79;">  We are comprised of 14 high school students from Suwanee, Georgia in the 10th, 11th, and 12th grades. We are an after-school/before-school club that meets simply for the love of synthetic biology.
 +
</p><a style="text-decoration: none;" href="https://2017.igem.org/Team:Lambert_GA/Team"><button class="button button1">Find Out More</button></a>
 +
<br><br><br>
  
 +
<div class="block2">
 +
<br><br>
 +
<div class="img-right">
 +
<img id="imgcircle" style="-webkit-transform: rotate(-90deg);" src="https://static.igem.org/mediawiki/2017/5/5d/T--Lambert_GA--PurpleisPurple.jpeg">
  
−
<div class="column half_size" >
 
−
<h5>Tips</h5>
 
−
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
 
−
<ul>
 
−
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
 
−
<li>Be clear about what you are doing and how you plan to do this.</li>
 
−
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
 
−
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
 
−
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
 
−
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://2017.igem.org/Calendar">iGEM 2017 calendar</a> </li>
 
−
<li>Have lots of fun! </li>
 
−
</ul>
 
 
</div>
 
</div>
 +
<div align="right" ><h2 class="smallt" style="color: #FFFFFF; margin-left: -91px;"> Our Project</h2></div>
 +
<p style=" margin-left=300px;color: white;"> As an underfunded lab, our project aimed to reduce costs of lab work. While characterizing non-lysosomal inducible protein degradation, we developed the Chrome-Q to quantify the degradation of protein.
 +
</p><a style="text-decoration: none;" href="https://2017.igem.org/Team:Lambert_GA/Description"><button class="button button2">Find Out More</button></a><br><br><br><br><br></div>
  
 +
<div class="block1">
 +
<br><br>
 +
<div class="img-left">
 +
<img id="imgcircle" src="https://static.igem.org/mediawiki/2017/2/26/Maker_Faire.jpg">
  
−
<div class="column half_size" >
 
−
<h5>Inspiration</h5>
 
−
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
 
−
<ul>
 
−
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
 
−
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
 
−
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
 
−
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
 
−
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
 
−
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
 
−
</ul>
 
 
</div>
 
</div>
 +
<h2 style="margin=auto; margin-left=700px; color: #7A7A79;"> Human Practices </h2><p style=" margin-left=300px; color: #7A7A79;">  This past year, we have performed a variety of human practices, to educate the public about synthetic biology, as well as our project, through multiple outreach events.
 +
</p><a style="text-decoration: none;" href="https://2017.igem.org/Team:Lambert_GA/HP/Silver"><button class="button button1">Find Out More</button></a>
 +
<br><br><br>
  
−
<div class="column half_size" >
+
<div class="block2">
−
<h5> Uploading pictures and files </h5>
+
<br><br>
−
<p> You can upload your pictures and files to the iGEM 2017 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. <br />
+
<br><br>
−
When you upload, set the "Destination Filename" to <br><code>T--YourOfficialTeamName--NameOfFile.jpg</code>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)<br><br>
+
<h2 style="color:#F19B45;"> Bronze </h2>
 +
<br>
 +
<center>
 +
<table>
 +
  <tr>
 +
    <th width="20%">Requirements</th>
 +
    <th width="20%">Checklist</th>
 +
    <th width="60%">Explanation</th>
 +
  </tr>
 +
  <tr>
 +
    <td>Register and Attend</td>
 +
    <td><img src="https://static.igem.org/mediawiki/2017/c/c6/Lambertigemcheckmarkgray.png" style="width:45px;"></td>
 +
    <td>Yes</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Deliverable</td>
 +
    <td><img src="https://static.igem.org/mediawiki/2017/b/bb/Lambertigemcheckmark.jpg" style="width:45px;"></td>
 +
    <td>Yes</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Attributions</td>
 +
    <td><img src="https://static.igem.org/mediawiki/2017/c/c6/Lambertigemcheckmarkgray.png" style="width:45px;"></td>
 +
    <td>Yes, click <a href="https://2017.igem.org/Team:Lambert_GA/Attributions">HERE</a> for more information.</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Interlab Study</td>
 +
    <td><img src="https://static.igem.org/mediawiki/2017/b/bb/Lambertigemcheckmark.jpg" style="width:45px;"></td>
 +
    <td>Yes, click <a href="https://2017.igem.org/Team:Lambert_GA/InterLab">HERE</a> for more information.</td>
 +
  </tr>
 +
</table>
 +
</center>
  
−
<a href="https://2017.igem.org/Special:Upload">
+
 
−
UPLOAD FILES
+
<br><br>
−
</a>
+
<h2 style="color:#c0c0c0;"> Silver </h2>
−
</p>
+
<br>
 +
<center>
 +
<table>
 +
  <tr>
 +
    <th width="20%">Requirements</th>
 +
    <th width="20%">Checklist</th>
 +
    <th width="60%">Explanation</th>
 +
  </tr>
 +
  <tr>
 +
    <td>Validated Part</td>
 +
    <td><img src="https://static.igem.org/mediawiki/2017/c/c6/Lambertigemcheckmarkgray.png" style="width:45px;"></td>
 +
    <td>TsPurple and TsPurple with LAA degradation tag. <br> Click <a href="https://2017.igem.org/Team:Lambert_GA/Part_Collection">
 +
HERE</a> for more information regarding Lambert iGEM's parts.</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Collaboration</td>
 +
    <td><img src="https://static.igem.org/mediawiki/2017/b/bb/Lambertigemcheckmark.jpg" style="width:45px;"></td>
 +
    <td>Emory iGEM, UGA iGEM and TAS Taipei iGEM. <br> Click <a href="https://2017.igem.org/Team:Lambert_GA/Collaborations">HERE</a>
 +
for more information regarding Lambert iGEM's collaborations with other teams.</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Human Practices</td>
 +
    <td><img src="https://static.igem.org/mediawiki/2017/c/c6/Lambertigemcheckmarkgray.png" style="width:45px;"></td>
 +
    <td>Open House, Maker Faire, Survey, Ethics conferences. <br> Click <a href="https://2017.igem.org/Team:Lambert_GA/HP/Silver">HERE</a> for more information on Lambert iGEM's human practices.</td>
 +
  </tr>
 +
</table>
 +
</center>
 +
 
 +
<br><br>
 +
<h2 style="color:#FFD700;"> Gold </h2>
 +
<br>
 +
<center>
 +
<table>
 +
  <tr>
 +
    <th width="20%">Requirements</th>
 +
    <th width="20%">Checklist</th>
 +
    <th width="60%">Explanation</th>
 +
  </tr>
 +
  <tr>
 +
    <td>Integrated Human Practices</td>
 +
    <td><img src="https://static.igem.org/mediawiki/2017/c/c6/Lambertigemcheckmarkgray.png" style="width:45px;"></td>
 +
    <td><ul><li>Developed low cost solution for quantifying chromoprotein data </li>
 +
<li> Developed protocols to use a 3-D printed centrifuge for processing cells </li>
 +
<li> Gave feedback on 3-D fuge to Dr. Saad Bhamla of Georgia Institute of technology and Prakash Lab of Stanford. </li>
 +
<li> Donated blankets and supplies to impoverished families in Lambert iGEM's surrounding area. </li></ul>
 +
Click <a href="https://2017.igem.org/Team:Lambert_GA/HP/Gold_Integrated">HERE</a> for more information on Lambert iGEM's integrated human practices.
 +
</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Improve BioBrick Part</td>
 +
    <td><img src="https://static.igem.org/mediawiki/2017/b/bb/Lambertigemcheckmark.jpg" style="width:45px;"></td>
 +
    <td>The part this year's team improved upon is: <a href="http://parts.igem.org/Part:BBa_K1911001">BBa_K1911001</a> created by last year's Lambert iGEM team. The updated part this year is: <a href="http://parts.igem.org/wiki/index.php/Part:BBa_K1911001" style="color:#D49AE6;"> BBa_KK1911001: pLac-ClpXP-CI</a>, as we improved the characterization of last year's part. <br>
 +
Click <a href="https://2017.igem.org/Team:Lambert_GA/Updated_Part">HERE</a> for more information on Lambert iGEM's BioBrick Improvement of their project.
 +
</td>
 +
  </tr>
 +
<tr>
 +
    <td>Model</td>
 +
    <td><img src="https://static.igem.org/mediawiki/2017/c/c6/Lambertigemcheckmarkgray.png" style="width:45px;"></td>
 +
    <td><ul><li>Developed a working Chrome-Q and software app to quantify chromoprotein data</li>
 +
<li> Used a 3-D printed centrifuge to process cells and demonstrate viability in field work and underfunded labs.</li>
 +
<li> Developed designs for printing Chrome-Q device for both Android and Apple mobile devices.</li>
 +
<li> Developed protocols for obtaining and normalizing data.</li>
 +
<li> Developed protocols for sterilizing the Chrome-Q, base and 3-D fuge.</li></ul>
 +
Click <a href="https://2017.igem.org/Team:Lambert_GA/Model">HERE</a> for more information on Lambert iGEM's model in their project.
 +
</td>
 +
  </tr>
 +
<tr>
 +
    <td>Demonstration of Work</td>
 +
    <td><img src="https://static.igem.org/mediawiki/2017/b/bb/Lambertigemcheckmark.jpg" style="width:45px;"></td>
 +
    <td><ul><li>Developed a working Chrome-Q to quantify chromoprotein data in inducible genetic circuits.</li>
 +
<li> Developed a protocol in order to test construct at varying levels of IPTG and quantify data. </li>
 +
<li> Developed a software app to accurately analyze chromoprotein data from Chrome-Q.
 +
</ul>
 +
Click <a href="https://2017.igem.org/Team:Lambert_GA/Demonstrate">HERE</a> for information on Lambert iGEM's demonstration of their project.
 +
 
 +
<h2 class="smallt" style="color: #FFFFFF;"> Medal Criteria</h2>
 +
 
 +
</td>
 +
  </tr>
 +
</table>
 +
</center>
 +
<br><br><br>
 +
<h2 class="smallt" style="color: #FFFFFF;"> Award</h2>
 +
<br><br>
 +
<center>
 +
<img src="https://static.igem.org/mediawiki/2017/f/f2/Bronze.png"style="width:10%">
 +
<br><br><br>
 +
<p style="color:white"> Bronze Medal</p>
 +
</center>
 
</div>
 
</div>
  
  
 +
<div class="button_click" style="background-color: #7A7A79" onClick=" parent.location= 'https://2017.igem.org/Special:Upload '">
  
 +
<!--<h2>2015 Lambert iGEM</h2>-->
 +
                <div id="officialLogo">
  
 +
                </div>
 +
            </footer>
 +
<div id="space2">
 +
</div>
  
 +
<div id="sponsors-bottom">
 +
 +
<a href="http://www.forsyth.k12.ga.us/lhs"><img src="https://static.igem.org/mediawiki/2017/3/36/RevisedLambertLonghorn.png" style="height:100px;padding:20px;" class="transparency"></a>
 +
 +
</div>
  
  
 
</html>
 
</html>

Latest revision as of 01:21, 14 December 2017



Characterizing Non-Lysosomal Inducible Protein Degradation




TinselPurple samples under varying levels of IPTG induction in the Chrome-Q base ready for imaging


Scientists around the world struggle with questions regarding chromoprotein expression, specifically in regards to their use in biosensors. Biosensors are often seen as low-cost alternatives to expensive detection equipment for underfunded labs and field work. Lambert iGEM was inspired to address the problem of quantifying chromoprotein expression through development of a 3-D printed original device: Chrome-Q, software app, and verification with a chromoprotein genetic circuit. Additionally, samples were prepared with the 3-D Fuge (which was modified from Prakash Lab’s Paperfuge) to investigate the viability of using a low-cost centrifuge to process cells for visualization.

Quantifying color relies on measures of Red, Green, Blue (RGB) values and evaluating them in a color space known as Hue, Saturation and Value (HSV). Another consideration for color quantification is standardization of environmental light. To achieve this a device, the Chrome-Q, was developed to create a standardized environment for capturing images using Android and Apple mobile device cameras. Self-developed android software evaluates the RGB images resulting in HSV values. These HSV values can be normalized for cell density through subsequent serial dilutions of the cultures and plating to count Colony Forming Units (CFU).



Left: The HSL (hue, saturation and value) that the Chrome-Q measures
Right: Chromoproteins under four different levels of IPTG induction plated to determine CFU's

Throughout the development of the Chrome-Q, engineering design principles were implemented. Feedback and resulting changes were implemented into the next iteration. Five different prototypes led to the final development of two designs optimized for both Android and Apple mobile devices. The Android software was written in C#. The Chrome-Q stl files and software are available on the hardware page are open source.

The device and software were then used to quantify data of ATUM’s Protein Paintbox proteins TinselPurple, ScroogeOrange and VirginiaViolet under varying levels of IPTG induction. An assembled genetic circuit of: Promoter- R0040, Ribosomal Binding Site B0034, and Tinsel purple (Tspurple)- (BBa_K1033906) (Uppsala 2013) was constructed to use in conjunction with a Protease mechanism of ClpXP. ClpXP is a protein complex comprised of two parts. ClpX recognizes an SsrA tag sequence at the end of a protein linearizes the tagged protein and brings it to ClpP. ClpP is an ATPase and cleaves the primary peptide bonds resulting in degradation of the original protein into individual amino acids. This demonstrated the potential usefulness of the 3-D fuge and Chrome-Q system as a replacement for fluorescent plate readers and centrifuges.


The full base of the Chrome-Q system with different dilutions of chromoproteins in the well plate





Who We Are

We are comprised of 14 high school students from Suwanee, Georgia in the 10th, 11th, and 12th grades. We are an after-school/before-school club that meets simply for the love of synthetic biology.






Our Project

As an underfunded lab, our project aimed to reduce costs of lab work. While characterizing non-lysosomal inducible protein degradation, we developed the Chrome-Q to quantify the degradation of protein.








Human Practices

This past year, we have performed a variety of human practices, to educate the public about synthetic biology, as well as our project, through multiple outreach events.








Bronze


Requirements Checklist Explanation
Register and Attend Yes
Deliverable Yes
Attributions Yes, click HERE for more information.
Interlab Study Yes, click HERE for more information.


Silver


Requirements Checklist Explanation
Validated Part TsPurple and TsPurple with LAA degradation tag.
Click HERE for more information regarding Lambert iGEM's parts.
Collaboration Emory iGEM, UGA iGEM and TAS Taipei iGEM.
Click HERE for more information regarding Lambert iGEM's collaborations with other teams.
Human Practices Open House, Maker Faire, Survey, Ethics conferences.
Click HERE for more information on Lambert iGEM's human practices.


Gold


Requirements Checklist Explanation
Integrated Human Practices
  • Developed low cost solution for quantifying chromoprotein data
  • Developed protocols to use a 3-D printed centrifuge for processing cells
  • Gave feedback on 3-D fuge to Dr. Saad Bhamla of Georgia Institute of technology and Prakash Lab of Stanford.
  • Donated blankets and supplies to impoverished families in Lambert iGEM's surrounding area.
Click HERE for more information on Lambert iGEM's integrated human practices.
Improve BioBrick Part The part this year's team improved upon is: BBa_K1911001 created by last year's Lambert iGEM team. The updated part this year is: BBa_KK1911001: pLac-ClpXP-CI, as we improved the characterization of last year's part.
Click HERE for more information on Lambert iGEM's BioBrick Improvement of their project.
Model
  • Developed a working Chrome-Q and software app to quantify chromoprotein data
  • Used a 3-D printed centrifuge to process cells and demonstrate viability in field work and underfunded labs.
  • Developed designs for printing Chrome-Q device for both Android and Apple mobile devices.
  • Developed protocols for obtaining and normalizing data.
  • Developed protocols for sterilizing the Chrome-Q, base and 3-D fuge.
Click HERE for more information on Lambert iGEM's model in their project.
Demonstration of Work
  • Developed a working Chrome-Q to quantify chromoprotein data in inducible genetic circuits.
  • Developed a protocol in order to test construct at varying levels of IPTG and quantify data.
  • Developed a software app to accurately analyze chromoprotein data from Chrome-Q.
Click HERE for information on Lambert iGEM's demonstration of their project.

Medal Criteria



Award






Bronze Medal