Difference between revisions of "Team:CUNY Kingsborough/Light Operon"

Line 5: Line 5:
 
<head>
 
<head>
 
<style>
 
<style>
 
.rowss {
 
  display: flex;
 
}
 
  
.columnss{
+
.column {
  flex:50%;
+
  padding:5px
+
 
+
}
+
.column {
+
        float: left;
+
        width: 25%;
+
        padding: 0px;
+
      }
+
+
      .row::after {
+
        content: "";
+
        clear: both;
+
        display: table;
+
        height:100%;
+
      }
+
.columns {
+
 
     float: left;
 
     float: left;
 
     width: 50%;
 
     width: 50%;
Line 34: Line 13:
 
   }
 
   }
  
   .rows::after {
+
   .ros::after {
 
     content: "";
 
     content: "";
 
     clear: both;
 
     clear: both;
Line 46: Line 25:
 
<h1>Light Operon</h1>
 
<h1>Light Operon</h1>
 
<p>WIP</p>
 
<p>WIP</p>
 
 
 
 
 
<br>
 
 
   
 
<br>
 
  
 
   
 
   
</div>
 
<hl>
 
<p><div style="color:red;">Red=Dark-Dark state </div>  <div style="color:blue;">Blue=Dark-Light state </div> <div style="color:green;">Green=Light-Light state</div> </p>
 
 
<div class="row">
 
      <div class="column">
 
        <img src="https://static.igem.org/mediawiki/2018/4/41/T--CUNY_Kingsborough--4219light95.png" alt="Snow" style="width:100%">
 
      </div>
 
      <div class="column">
 
        <img src="https://static.igem.org/mediawiki/2018/e/ed/T--CUNY_Kingsborough--04219light.png" alt="Forest" style="width:100%">
 
      </div>
 
      <div class="row">
 
        <div class="column">
 
          <img src="https://static.igem.org/mediawiki/2018/7/7f/T--CUNY_Kingsborough--4219light948.png" alt="Snow" style="width:100%">
 
        </div>
 
        <div class="column">
 
          <img src="https://static.igem.org/mediawiki/2018/6/67/T--CUNY_Kingsborough--04219light948%281%29.png" alt="Forest" style="width:100%">
 
        </div>
 
</div>
 
 
  <div class="rowss">
 
  <div class="columnss">
 
    <img src="https://static.igem.org/mediawiki/2018/8/88/T--CUNY_Kingsborough--ydd95.gif" alt="Snow" style="width:100%">
 
  </div>
 
  <div class="columnss">
 
    <img src="https://static.igem.org/mediawiki/2018/e/e6/T--CUNY_Kingsborough--ydd948.gif" alt="Forest" style="width:100%">
 
  </div>
 
 
   
 
   
 
</div>
 
</div>
Line 90: Line 34:
  
 
<figure>
 
<figure>
   <div class="rows">
+
   <div class="row">
     <div class="columns">
+
     <div class="column">
 
       <img src="https://static.igem.org/mediawiki/2018/4/41/T--CUNY_Kingsborough--4219light95.png" style="width:80%">
 
       <img src="https://static.igem.org/mediawiki/2018/4/41/T--CUNY_Kingsborough--4219light95.png" style="width:80%">
 
     </div>
 
     </div>
     <div class="columns">
+
     <div class="column">
 
       <img src="https://static.igem.org/mediawiki/2018/e/ed/T--CUNY_Kingsborough--04219light.png" style="width:80%">
 
       <img src="https://static.igem.org/mediawiki/2018/e/ed/T--CUNY_Kingsborough--04219light.png" style="width:80%">
 
     </div>
 
     </div>
Line 105: Line 49:
  
 
<figure>
 
<figure>
   <div class="rows">
+
   <div class="row">
     <div class="columns">
+
     <div class="column">
 
       <img src="https://static.igem.org/mediawiki/2018/4/41/T--CUNY_Kingsborough--4219light95.png" style="width:80%">
 
       <img src="https://static.igem.org/mediawiki/2018/4/41/T--CUNY_Kingsborough--4219light95.png" style="width:80%">
 
     </div>
 
     </div>
     <div class="columns">
+
     <div class="column">
 
       <img src="https://static.igem.org/mediawiki/2018/6/67/T--CUNY_Kingsborough--04219light948%281%29.png" style="width:80%">
 
       <img src="https://static.igem.org/mediawiki/2018/6/67/T--CUNY_Kingsborough--04219light948%281%29.png" style="width:80%">
 
     </div>
 
     </div>
Line 122: Line 66:
  
 
<figure>
 
<figure>
   <div class="rows">
+
   <div class="row">
     <div class="columns">
+
     <div class="column">
 
       <img src="https://static.igem.org/mediawiki/2018/8/88/T--CUNY_Kingsborough--ydd95.gif" alt="Snow" style="width:80%">
 
       <img src="https://static.igem.org/mediawiki/2018/8/88/T--CUNY_Kingsborough--ydd95.gif" alt="Snow" style="width:80%">
 
     </div>
 
     </div>
     <div class="columns">
+
     <div class="column">
 
       <img src="https://static.igem.org/mediawiki/2018/e/e6/T--CUNY_Kingsborough--ydd948.gif" alt="Forest" style="width:80%">
 
       <img src="https://static.igem.org/mediawiki/2018/e/e6/T--CUNY_Kingsborough--ydd948.gif" alt="Forest" style="width:80%">
 
     </div>
 
     </div>
Line 134: Line 78:
 
     <center>
 
     <center>
 
     <span style="color:blue;">yDD (Dark-Dark state); </span>  
 
     <span style="color:blue;">yDD (Dark-Dark state); </span>  
     <span style="color:orange;">yDLLD (Dark-Light state); </span>  
+
     <span style="color:orange;">yDL/LD (Dark-Light state); </span>  
 
     <span style="color:green;">yLL (Light-Light state)</span>
 
     <span style="color:green;">yLL (Light-Light state)</span>
 
     </center>
 
     </center>
Line 142: Line 86:
 
<br>
 
<br>
  
<p> A graph where the light operon is activated with different intensities of light and different states of Yf1.</p><br>
+
<p> The different states Yf1 are being hit with different intensities of light, producing alternating results unique to the state.</p><br>
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 21:01, 13 October 2018

Light Operon

WIP

Red=Dark-Dark state

Blue=Dark-Light state

Green=Light-Light state

(Left) Constant light at 0.4291 micromoles per square meter; (Right) Constant light at 4.291 micromoles per square meter
(Left) Constant light at 0.4291 micromoles per square meter; (Right) Constant light at 4.291 micromoles per square meter

Snow
Forest
yDD (Dark-Dark state); yDL/LD (Dark-Light state); yLL (Light-Light state)

The different states Yf1 are being hit with different intensities of light, producing alternating results unique to the state.