Difference between revisions of "Team:NYU Shanghai/Parts"

 
(120 intermediate revisions by 2 users not shown)
Line 7: Line 7:
  
 
<style type="text/css">
 
<style type="text/css">
−
#overview {
+
@font-face {
 +
    font-family: "helvetica neue light";
 +
    src: url("https://static.igem.org/mediawiki/2015/8/86/NYU_Shanghai_HelveticaNeue-Light.otf") format("opentype");
 +
}
 +
  h3 {
 +
    color: goldenrod;
 +
    text-decoration: none;
 +
    margin: 0px;
 +
    padding: 20px 0px;
 +
    font-size: 48px;
 +
    font-family: "bebas";
 +
  }
 +
  h4 {
 +
    color: white;
 +
    margin: 0px;
 +
    padding: 0px;
 +
    font-size: 24px;
 +
    font-family: "HelveticaNT";
 +
  }
 +
  h5 {
 +
    font-size: 28px;
 +
    color: goldenrod;
 +
    font-family: "bebas";
 +
    margin-top: 80px;
 +
    margin-bottom: 10px;
 +
  }
 +
  p {
 +
    font-size: 16px;
 +
    color: white;
 +
    font-family: "helvetica neue light";
 +
  }
 +
  table {
 +
    width: 980px;
 +
    background-color: black;
 +
    color: white;
 +
    text-align: center;
 +
    margin-top: 20px;
 +
  }
 +
  td {
 +
    width: 488px;
 +
  }
 +
  #overview {
 
     width: 982px;
 
     width: 982px;
 
     margin: 0 auto;
 
     margin: 0 auto;
−
    margin-bottom: 40px;
 
−
    text-align: center;
 
 
   }
 
   }
 
   #overview img {
 
   #overview img {
Line 18: Line 57:
 
   }
 
   }
 
   #overview p {
 
   #overview p {
−
     background-color: white;
+
     background-color: transparent;
 
     color: transparent;
 
     color: transparent;
−
     opacity: 0.8;
+
     opacity: 0.85;
 
     position: absolute;   
 
     position: absolute;   
 
     font-size: 14px;
 
     font-size: 14px;
 +
    text-align: center;
 +
    vertical-align: center;
 
   }
 
   }
 
   #overview p:hover {
 
   #overview p:hover {
Line 29: Line 70:
 
   }
 
   }
 
   #leftOverlay {
 
   #leftOverlay {
−
     width: 200px;
+
     width: 170px;
−
     height: 200px;
+
     height: 170px;
−
     margin: 0px;
+
     margin: -270px 24px;
−
     border-radius: 100px;
+
     border-radius: 150px;
−
     padding: 10px;
+
     padding: 40px;
 
   }
 
   }
 
   #rightOverlay {
 
   #rightOverlay {
−
     width: 200px;
+
     width:170px;
−
     height: 200px;
+
     height: 170px;
−
     margin: 0px;
+
     margin: -270px 330px;
−
     border-radius: 100px;
+
    border-radius: 150px;
−
     padding: 10px;
+
    padding: 40px;
 +
  }
 +
  #luciferaseOverlay {
 +
    width: 170px;
 +
    height:170px;
 +
    margin: -270px 628px;
 +
     border-radius: 150px;
 +
     padding: 40px;
 
   }
 
   }
 
   #tubeOverlay {
 
   #tubeOverlay {
−
     width: 150px;
+
     width: 160px;
−
     height: 200px;
+
     height: 260px;
−
     margin: 0px;
+
     margin: -320px 708px;
−
     border-radius: 10px;
+
     border-radius: 15px;
−
     padding: 10px;
+
     padding: 20px;
 +
  }
 +
  #chromoText {
 +
    width: 400px;
 +
    margin-left: 20px;
 +
    display: inline-block;
 +
  }
 +
  #fluorescentText {
 +
    width: 440px;
 +
    margin-left: 20px;
 +
    display: inline-block;
 +
  }
 +
  #luciferaseText {
 +
    width: 332px;
 +
    margin-left: 20px;
 +
    display: inline-block;
 +
  }
 +
  #sponsors a:hover {
 +
    color: goldenrod;
 +
  }
 +
  table {
 +
    background-color: black;
 +
    color: white;
 +
    border-color: white;
 +
    margin-bottom: 2em;
 +
    font-family: "helveticaNL";
 +
    font-size:15px; 
 +
    border-collapse: collapse;
 +
    padding:3px;
 +
  }
 +
  table, td, th {
 +
    border: 1px solid white;
 +
  }
 +
  th, td {
 +
    padding: 5px;
 
   }
 
   }
 
</style>
 
</style>
Line 54: Line 136:
 
   <h3>Parts</h3>
 
   <h3>Parts</h3>
 
   <h4>We’ve created three different types of colored E. Coli.</h4>
 
   <h4>We’ve created three different types of colored E. Coli.</h4>
−
   <img src="" width="400" height="400">
+
   <img src="https://static.igem.org/mediawiki/2015/thumb/a/a5/NYU_Shanghai_realchromoproteins.png/560px-NYU_Shanghai_realchromoproteins.png" width="250" height="250" style="margin:0px 5px">
−
  <p id="leftOverlay"><strong>Chromoproteins</strong><br>Pigmented compounds that absorb and reflect visible light.</p>
+
  <p id="leftOverlay"><br><em>Chromoproteins</em><br><br>Pigmented compounds that absorb and reflect visible light.</p>
−
   <img src="" width="400" height="400">
+
   <img src="https://static.igem.org/mediawiki/2015/thumb/1/12/NYU_Shanghai_RFP.png/627px-NYU_Shanghai_RFP.png" width="250" height="250" style="margin:0px 5px">
−
  <p id="rightOverlay"><strong>Fluorescent Proteins</strong><br>Pigmented compounds that absorb UV light and reflect visible light.</p>
+
  <p id="rightOverlay"><br><em>Fluorescent Proteins</em><br><br>Pigmented compounds that absorb UV light and emit visible light.</p>
−
   <img src="" width="350" height="450">
+
   <img src="https://static.igem.org/mediawiki/2015/thumb/4/46/NYU_Shanghai_Luciferase2.png/597px-NYU_Shanghai_Luciferase2.png" width="250" height="250" style="margin:0px 5px">
−
     <p id="tubeOverlay"><strong>Luciferase Enzymes</strong>Catalyze a reaction converting luciferin to oxyluciferin. Energy is released in the form of the light.</p>
+
     <p id="luciferaseOverlay"><br><em>Luciferase Enzymes</em><br><br>Catalyzes conversion of luciferin to oxyluciferin. Energy is released in the form of the light.</p>
 
</div>
 
</div>
  
 +
<div id="chromoproteins">
 +
  <h5>Chromoproteins</h5>
 +
  <img src="https://static.igem.org/mediawiki/2015/thumb/e/e7/NYU_Shanghai_Chromoprotein_construct.png/800px-NYU_Shanghai_Chromoprotein_construct.png" height="100">
 +
  <div id="chromoText">
 +
    <p>We created constructs to express 3 different colors of chromoproteins: blue, lime, and yellow. These were taken from the registry, created in 2010 by the Cambridge iGEM team.</p>
 +
  </div>
 +
  <table border="1px">
 +
    <tr>
 +
      <td>BBa_K880005</td>
 +
      <td>promoter/rbs</td>
 +
    </tr>
 +
    <tr>
 +
      <td>BBa_K081005</td>
 +
      <td>promoter/rbs</td>
 +
    </tr>
 +
    <tr>
 +
      <td>BBa_K1333315</td>
 +
      <td>pBAD with araC</td>
 +
    </tr>
 +
    <tr>
 +
      <td>BBa_K592009</td>
 +
      <td>amilCP Blue</td>
 +
    </tr>
 +
    <tr>
 +
      <td>BBa_K1467201</td>
 +
      <td>Golden Gate compatible amilCP blue</td>
 +
    </tr>
 +
    <tr>
 +
      <td>BBa_K1033910</td>
 +
      <td>fwYellow Chromoprotein</td>
 +
    </tr>
 +
    <tr>
 +
      <td>BBa_K1033916</td>
 +
      <td>amajLime yellow-green chromoprotein</td>
 +
    </tr>
 +
    <tr>
 +
      <td>BBa_B0024</td>
 +
      <td>terminator</td>
 +
    </tr>
 +
    <tr>
 +
      <td>BBa_B0011</td>
 +
      <td>terminator</td>
 +
    </tr>
 +
  </table>
 +
  <br><br>
 +
  <img src="https://static.igem.org/mediawiki/2015/3/38/NYU_Shanghai_XJTLUchromo.png" height="100">
 +
  <div id="chromoText">
 +
    <p>XJTLU team used the T7 promoter in a bl21 E. Coli. This produced good blue and yellow color in our lab.</p>
 +
</div>
 +
<div id="fluorescentProteins">
 +
  <h5>Fluorescent Proteins</h5>
 +
  <img src="https://static.igem.org/mediawiki/2015/thumb/7/77/NYU_Shanghai_Fluorescent_Protein.png/800px-NYU_Shanghai_Fluorescent_Protein.png" height="100">
 +
  <div id="fluorescentText">
 +
    <p>We utilized generators to express 2 different colors of fluorescent proteins: RFP and GFP. These parts from the registry.</p>
 +
  </div>
 +
  <table border="1px">
 +
    <tr>
 +
      <td>BBa_J04450</td>
 +
      <td>RFP</td>
 +
    </tr>
 +
    <tr>
 +
      <td>BBa_J04451</td>
 +
      <td>RFP</td>
 +
    </tr>
 +
    <tr>
 +
      <td>BBa_KI13600</td>
 +
      <td>CFP</td>
 +
    </tr>
 +
    <tr>
 +
      <td>BBa_KE0040</td>
 +
      <td>GFP</td>
 +
    </tr>
 +
  </table>
 +
</div>
 +
<div id="luciferase">
 +
  <h5>Luciferase</h5>
 +
  <img src="https://static.igem.org/mediawiki/2015/thumb/d/d2/NYU_Shanghai_Luciferaseconstruct.png/800px-NYU_Shanghai_Luciferaseconstruct.png" height="100">
 +
  <div id="luciferaseText">
 +
    <p>We utilized generators to express 4 different bioluminescent colors: red, green, yellow, and orange.</p>
 +
  </div>
 +
  <table border="1px">
 +
    <tr>
 +
      <td>BBa_K325219</td>
 +
      <td>Red Firefly Luciferase and LRE (under pBAD)</td>
 +
    </tr>
 +
    <tr>
 +
      <td>BBa_K325209</td>
 +
      <td>Green Firefly Luciferase and LRE (under pBAD)</td>
 +
    </tr>
 +
    <tr>
 +
      <td>BBa_K325259</td>
 +
      <td>Yellow Firefly Luciferase (under pBAD)</td>
 +
    </tr>
 +
    <tr>
 +
      <td>BBa_K325218</td>
 +
      <td>Orange Firefly Luciferase (under pBAD)</td>
 +
    </tr>
 +
    <tr>
 +
      <td>BBa_K1486022</td>
 +
      <td>Renilla Luciferase</td>
 +
    </tr>
 +
    <tr>
 +
      <td>BBa_K325108</td>
 +
      <td>EPIC Firefly Luciferase (under pBAD)</td>
 +
    </tr>
 +
  </table>
 +
</div>
 +
<div id="oscillatingLuciferase">
 +
  <h5>Oscillating Luciferase</h5>
 +
  <img src="https://static.igem.org/mediawiki/2015/thumb/f/f6/NYU_Shanghai_Oscillating_Luciferase.png/800px-NYU_Shanghai_Oscillating_Luciferase.png" height="240">
 +
  <p>To create a natural beat generator, we created a light oscillating system. Unfortunately, the time scale was far too long for any practical beat generator (hypothetical 40min per beat). See <a href="https://2012.igem.org/Team:Fudan_Lux/biowave" style="color: #6db; text-decoration: none;">Fudan 2012 Biowave</a> for more information.</p>
 +
</div>
 
</html>
 
</html>
 +
 +
{{NYU_Shanghai/Sponsors}}

Latest revision as of 23:08, 17 September 2015

Parts

We’ve created three different types of colored E. Coli.


Chromoproteins

Pigmented compounds that absorb and reflect visible light.


Fluorescent Proteins

Pigmented compounds that absorb UV light and emit visible light.


Luciferase Enzymes

Catalyzes conversion of luciferin to oxyluciferin. Energy is released in the form of the light.

Chromoproteins

We created constructs to express 3 different colors of chromoproteins: blue, lime, and yellow. These were taken from the registry, created in 2010 by the Cambridge iGEM team.

BBa_K880005 promoter/rbs
BBa_K081005 promoter/rbs
BBa_K1333315 pBAD with araC
BBa_K592009 amilCP Blue
BBa_K1467201 Golden Gate compatible amilCP blue
BBa_K1033910 fwYellow Chromoprotein
BBa_K1033916 amajLime yellow-green chromoprotein
BBa_B0024 terminator
BBa_B0011 terminator


XJTLU team used the T7 promoter in a bl21 E. Coli. This produced good blue and yellow color in our lab.

Fluorescent Proteins

We utilized generators to express 2 different colors of fluorescent proteins: RFP and GFP. These parts from the registry.

BBa_J04450 RFP
BBa_J04451 RFP
BBa_KI13600 CFP
BBa_KE0040 GFP
Luciferase

We utilized generators to express 4 different bioluminescent colors: red, green, yellow, and orange.

BBa_K325219 Red Firefly Luciferase and LRE (under pBAD)
BBa_K325209 Green Firefly Luciferase and LRE (under pBAD)
BBa_K325259 Yellow Firefly Luciferase (under pBAD)
BBa_K325218 Orange Firefly Luciferase (under pBAD)
BBa_K1486022 Renilla Luciferase
BBa_K325108 EPIC Firefly Luciferase (under pBAD)
Oscillating Luciferase

To create a natural beat generator, we created a light oscillating system. Unfortunately, the time scale was far too long for any practical beat generator (hypothetical 40min per beat). See Fudan 2012 Biowave for more information.