|
|
(92 intermediate revisions by 3 users not shown) |
Line 3: |
Line 3: |
| <html> | | <html> |
| <head> | | <head> |
− | <style> | + | <link rel="stylesheet" href="https://2015.igem.org/Team:UC_San_Diego/table-style?action=raw&ctype=text/css"> |
− | div.table-title {
| + | |
− | display: block;
| + | |
− | margin: auto;
| + | |
− | max-width: 600px;
| + | |
− | padding:5px;
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | | + | |
− | .table-title h3 {
| + | |
− | color: #fafafa;
| + | |
− | font-size: 30px;
| + | |
− | font-weight: 400;
| + | |
− | font-style:normal;
| + | |
− | font-family: "Roboto", helvetica, arial, sans-serif;
| + | |
− | text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
| + | |
− | text-transform:uppercase;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | /*** Table Styles **/ | + | |
− | | + | |
− | .table-fill { | + | |
− | background: white;
| + | |
− | border-radius:3px;
| + | |
− | border-collapse: collapse;
| + | |
− | height: 320px;
| + | |
− | margin: auto;
| + | |
− | max-width: 600px;
| + | |
− | padding:5px;
| + | |
− | width: 100%;
| + | |
− | box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
| + | |
− | animation: float 5s infinite;
| + | |
− | }
| + | |
− |
| + | |
− | th {
| + | |
− | color:#D5DDE5;;
| + | |
− | background:#1b1e24;
| + | |
− | border-bottom:4px solid #9ea7af;
| + | |
− | border-right: 1px solid #343a45;
| + | |
− | font-size:23px;
| + | |
− | font-weight: 100;
| + | |
− | padding:24px;
| + | |
− | text-align:left;
| + | |
− | text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
| + | |
− | vertical-align:middle;
| + | |
− | }
| + | |
− | | + | |
− | th:first-child {
| + | |
− | border-top-left-radius:3px;
| + | |
− | }
| + | |
− |
| + | |
− | th:last-child {
| + | |
− | border-top-right-radius:3px;
| + | |
− | border-right:none;
| + | |
− | }
| + | |
− |
| + | |
− | tr {
| + | |
− | border-top: 1px solid #C1C3D1;
| + | |
− | border-bottom-: 1px solid #C1C3D1;
| + | |
− | color:#666B85;
| + | |
− | font-size:16px;
| + | |
− | font-weight:normal;
| + | |
− | text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
| + | |
− | }
| + | |
− |
| + | |
− | tr:hover td {
| + | |
− | background:#4E5066;
| + | |
− | color:#FFFFFF;
| + | |
− | border-top: 1px solid #22262e;
| + | |
− | border-bottom: 1px solid #22262e;
| + | |
− | }
| + | |
− |
| + | |
− | tr:first-child {
| + | |
− | border-top:none;
| + | |
− | }
| + | |
− | | + | |
− | tr:last-child {
| + | |
− | border-bottom:none;
| + | |
− | }
| + | |
− |
| + | |
− | tr:nth-child(odd) td {
| + | |
− | background:#EBEBEB;
| + | |
− | }
| + | |
− |
| + | |
− | tr:nth-child(odd):hover td {
| + | |
− | background:#4E5066;
| + | |
− | }
| + | |
− | | + | |
− | tr:last-child td:first-child {
| + | |
− | border-bottom-left-radius:3px;
| + | |
− | }
| + | |
− |
| + | |
− | tr:last-child td:last-child {
| + | |
− | border-bottom-right-radius:3px;
| + | |
− | }
| + | |
− |
| + | |
− | td {
| + | |
− | background:#FFFFFF;
| + | |
− | padding:20px;
| + | |
− | text-align:left;
| + | |
− | vertical-align:middle;
| + | |
− | font-weight:300;
| + | |
− | font-size:18px;
| + | |
− | text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
| + | |
− | border-right: 1px solid #C1C3D1;
| + | |
− | }
| + | |
− | | + | |
− | td:last-child {
| + | |
− | border-right: 0px;
| + | |
− | }
| + | |
− | | + | |
− | th.text-left {
| + | |
− | text-align: left;
| + | |
− | }
| + | |
− | | + | |
− | th.text-center {
| + | |
− | text-align: center;
| + | |
− | }
| + | |
− | | + | |
− | th.text-right {
| + | |
− | text-align: right;
| + | |
− | }
| + | |
− | | + | |
− | td.text-left {
| + | |
− | text-align: left;
| + | |
− | }
| + | |
− | | + | |
− | td.text-center {
| + | |
− | text-align: center;
| + | |
− | }
| + | |
− | | + | |
− | td.text-right {
| + | |
− | text-align: right;
| + | |
− | }
| + | |
− | </style>
| + | |
− | | + | |
| </head> | | </head> |
| | | |
Line 149: |
Line 13: |
| <div class="col-md-6 col-md-offset-3 col-xs-8 col-xs-offset-2"> | | <div class="col-md-6 col-md-offset-3 col-xs-8 col-xs-offset-2"> |
| <h2>Interlab</h2> | | <h2>Interlab</h2> |
− | <p>Donec dignissim, enim vitae dapibus aliquam, enim tellus dignissim purus, a interdum felis tellus vel felis.</p> | + | <p>The Interlab Measurement Study was conducted by Walter Thavarajah, Vivienne Gunadhi, and Jenny Lee on 7/18/15 - 8/23/15, with support and troubleshooting advice from Phillip Kyriakakis.</p> |
| </div> | | </div> |
| </div> | | </div> |
Line 162: |
Line 26: |
| <div class="main-post"> | | <div class="main-post"> |
| | | |
− | <div class="post-content"> | + | <div class="image-post"> |
| + | <img src="https://static.igem.org/mediawiki/2015/2/2b/UCSD_title-interexp.png" alt="post image"> |
| + | </div> |
| + | <div class="post-content"> |
| | | |
− | <div class="post-title">
| |
− | <h1>Interlab</h1>
| |
− | </div>
| |
− |
| |
− | <div class="post-discription">
| |
| | | |
| + | <h3>Devices Used</h3> |
| + | <p> |
| + | GFP generator I13504 was expressed under promoters J23101, J23106, and J23117 to form devices 1, 2, and 3, respectively. GFP device I20270 was used as a positive control and promoter R0040 was used as a negative control. DH5-alpha <i>E. coli</i> was used as a chassis organism. All DNA samples were obtained from the Spring 2015 DNA Distribution Kit. All final constructs were contained in backbone pSB1C3. |
| + | <h3>Assembly</h3> |
| + | <p> |
| + | After amplification, the promoter-containing plasmids were digested with SpeI and PstI, while the GFP-containing plasmid was digested with XbaI and PstI. The GFP generator was gel purified and ligated into each of the promoter-containing plasmids with NEB Quick T4 DNA ligase. The completed devices were verified by sequencing. |
| + | <h3>Growth Conditions</h3> |
| + | <p> |
| + | For each sample, 5mL of bacterial culture in selective LB media was cultured in plastic, 14mL test tubes overnight. Antibiotic was added from a 1000x stock kept at -4°C. The tubes were kept at 37°C and shaken at 300 RPM. The shaker used was a New Brunswick Scientific Excella E24, with a shaking diameter of 19mm. Cultures were prepared in triplicate. |
| + | <h3>Sampling</h3> |
| + | <p> |
| + | After measurement of sample OD600, the cells were resuspended in water to a final volume of 500µL and a final OD600 of 0.5 for plate reader measurement. Fluorescence measurements were also taken in the cells’ growth phase. To do this, sample OD600 was measured, then cells were resuspended in LB media for a final volume of 3mL and final OD600 of 0.1. These cells were allowed to grow for five hours before resuspension in water to a final volume of 500µL and a final OD600 of 0.5 for plate reader measurement. |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| | | |
| + | <div class="container"> |
| + | <div class="row"> |
| + | <div class="col-md-12"> |
| + | <div class="main-post"> |
| | | |
− | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eu suscipit lectus. Pellentesque ut risus rhoncus, congue tortor at, aliquam augue. Vestibulum ex mi, varius quis sollicitudin at, blandit ac lorem. Vivamus mattis sapien turpis, in fringilla nulla cursus id. Vestibulum vestibulum velit et accumsan aliquet. Aenean nulla justo, scelerisque id pulvinar eu, fringilla et nisl. Cras sapien magna, tincidunt in sapien et, sagittis sodales lacus. Praesent a ex ut augue fringilla interdum.</p> | + | <div class="image-post"> |
− | | + | <img src="https://static.igem.org/mediawiki/2015/d/d9/UCSD_title-intermeas.png" alt="post image"> |
− | | + | </div> |
| | | |
| + | <div class="post-content"> |
| + | <h3>Measurement<h3> |
| + | </div> |
| + | <div class="post-content"> |
| + | <p> |
| + | Three 150µL technical replicates from each 500µL sample were loaded into a 96-well plate. Fluorescence measurements were performed on a Tecan Infinite M200 Pro plate reader. Measurement parameters are recorded in the following table: |
| | | |
| + | <!-- STATIONARY PHASE, FLUORESCENCE --> |
| <div class="table-title"> | | <div class="table-title"> |
− | <h3>Data Table</h3> | + | <center><h3>Measurement Parameters</h3></center> |
| </div> | | </div> |
| <table class="table-fill"> | | <table class="table-fill"> |
| + | |
| <thead> | | <thead> |
| <tr> | | <tr> |
− | <th class="text-left">1</th> | + | <th class="text-left">Parameter</th> |
− | <th class="text-left">2</th> | + | <th class="text-left">Value</th> |
| </tr> | | </tr> |
| </thead> | | </thead> |
| + | |
| <tbody class="table-hover"> | | <tbody class="table-hover"> |
| <tr> | | <tr> |
− | <td class="text-left">Dev1</td> | + | <td class="text-left">Mode</td> |
− | <td class="text-left">#</td> | + | <td class="text-left">Fluorescence Top Reading</td> |
| </tr> | | </tr> |
| + | |
| <tr> | | <tr> |
− | <td class="text-left">Dev2</td> | + | <td class="text-left">Shaking Duration</td> |
− | <td class="text-left">#</td> | + | <td class="text-left">10s</td> |
| </tr> | | </tr> |
| + | |
| <tr> | | <tr> |
− | <td class="text-left">Dev3</td> | + | <td class="text-left">Shaking Amplitude</td> |
− | <td class="text-left">#</td> | + | <td class="text-left">1mm</td> |
| </tr> | | </tr> |
| + | |
| <tr> | | <tr> |
− | <td class="text-left">Neg</td> | + | <td class="text-left">Excitation Wavelength</td> |
− | <td class="text-left">#</td> | + | <td class="text-left">485nm</td> |
| </tr> | | </tr> |
| + | |
| <tr> | | <tr> |
− | <td class="text-left">Pos</td> | + | <td class="text-left">Emission Wavelength</td> |
− | <td class="text-left">#</td> | + | <td class="text-left">535nm</td> |
| </tr> | | </tr> |
| + | |
| + | <tr> |
| + | <td class="text-left">Excitation Bandwidth</td> |
| + | <td class="text-left">9nm</td> |
| + | </tr> |
| + | |
| + | <tr> |
| + | <td class="text-left">Emission Bandwidth</td> |
| + | <td class="text-left">20nm</td> |
| + | </tr> |
| + | |
| + | <tr> |
| + | <td class="text-left">Gain</td> |
| + | <td class="text-left">109</td> |
| + | </tr> |
| + | |
| + | <tr> |
| + | <td class="text-left">Number of Flashes</td> |
| + | <td class="text-left">25</td> |
| + | </tr> |
| + | |
| + | <tr> |
| + | <td class="text-left">Integration Time</td> |
| + | <td class="text-left">20µs</td> |
| + | </tr> |
| + | |
| + | <tr> |
| + | <td class="text-left">Lag Time</td> |
| + | <td class="text-left">0µs</td> |
| + | </tr> |
| + | |
| + | <tr> |
| + | <td class="text-left">Settle Time</td> |
| + | <td class="text-left">0ms</td> |
| + | </tr> |
| + | |
| + | <tr> |
| + | <td class="text-left">Z-Position (Manual)</td> |
| + | <td class="text-left">15000µm</td> |
| + | </tr> |
| + | |
| </tbody> | | </tbody> |
| </table> | | </table> |
| + | <p> |
| | | |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| | | |
| | | |
| | | |
− | <center><img src="images/image-post.jpg" alt="image here"></center> | + | <div class="container"> |
| + | <div class="row"> |
| + | <div class="col-md-12"> |
| + | <div class="main-post"> |
| | | |
− | <p>[Plasmid Diagram]</p> | + | <div class="image-post"> |
| + | <img src="https://static.igem.org/mediawiki/2015/1/18/UCSD_title-interres.png" alt="post image"> |
| + | </div> |
| | | |
− | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eu suscipit lectus. Pellentesque ut risus rhoncus, congue tortor at, aliquam augue. Vestibulum ex mi, varius quis sollicitudin at, blandit ac lorem. Vivamus mattis sapien turpis, in fringilla nulla cursus id. Vestibulum vestibulum velit et accumsan aliquet. Aenean nulla justo, scelerisque id pulvinar eu, fringilla et nisl. Cras sapien magna, tincidunt in sapien et, sagittis sodales lacus. Praesent a ex ut augue fringilla interdum.</p> | + | <div class="post-content"> |
| + | <h3>Results</h3> |
| + | </div> |
| + | <div class="post-content"> |
| + | <p> |
| + | Data is reported in arbitrary fluorescence units normalized by OD600, giving relative fluorescence in terms of cellular density. |
| + | <!-- STATIONARY PHASE, FLUORESCENCE --> |
| + | <div class="table-title"> |
| + | <center><h3>Normalized Stationary Phase Fluorescence</h3></center> |
| + | </div> |
| + | <table class="table-fill"> |
| | | |
− | <blockquote>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eu suscipit lectus. Pellentesque ut risus rhoncus, congue tortor at, aliquam augue. Vestibulum ex mi, varius quis sollicitudin at, blandit ac lorem. Vivamus mattis sapien turpis, in fringilla nulla cursus id. Vestibulum vestibulum velit et accumsan aliquet. Aenean nulla justo, scelerisque id pulvinar eu, fringilla et nisl. Cras sapien magna, tincidunt in sapien et, sagittis sodales lacus. Praesent a ex ut augue fringilla interdum.</blockquote> | + | <thead> |
| + | <tr> |
| + | <th class="text-left">Replicate (Bio)</th> |
| + | <th class="text-left" colspan="3">1</th> |
| + | <th class="text-left" colspan="3">2</th> |
| + | <th class="text-left" colspan="3">3</th> |
| + | </tr> |
| + | </thead> |
| | | |
− | <center><img src="images/image-post.jpg" alt="image here?"></center>
| + | <thead> |
| + | <tr> |
| + | <th class="text-left">Replicate (Tech)</th> |
| + | <th class="text-left">1</th> |
| + | <th class="text-left">2</th> |
| + | <th class="text-left">3</th> |
| + | <th class="text-left">1</th> |
| + | <th class="text-left">2</th> |
| + | <th class="text-left">3</th> |
| + | <th class="text-left">1</th> |
| + | <th class="text-left">2</th> |
| + | <th class="text-left">3</th> |
| + | </tr> |
| + | </thead> |
| | | |
− | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eu suscipit lectus. Pellentesque ut risus rhoncus, congue tortor at, aliquam augue. Vestibulum ex mi, varius quis sollicitudin at, blandit ac lorem. Vivamus mattis sapien turpis, in fringilla nulla cursus id. Vestibulum vestibulum velit et accumsan aliquet. Aenean nulla justo, scelerisque id pulvinar eu, fringilla et nisl. Cras sapien magna, tincidunt in sapien et, sagittis sodales lacus. Praesent a ex ut augue fringilla interdum.</p> | + | <tbody class="table-hover"> |
| + | <tr> |
| + | <td class="text-left">J23101+I13504</td> |
| + | <td class="text-left">212661</td> |
| + | <td class="text-left">218069</td> |
| + | <td class="text-left">224560</td> |
| + | <td class="text-left">87324</td> |
| + | <td class="text-left">83817</td> |
| + | <td class="text-left">85638</td> |
| + | <td class="text-left">99780</td> |
| + | <td class="text-left">104666</td> |
| + | <td class="text-left">96564</td> |
| + | </tr> |
| + | <tr> |
| + | <td class="text-left">J23106+I13504</td> |
| + | <td class="text-left">91142</td> |
| + | <td class="text-left">90870</td> |
| + | <td class="text-left">91374</td> |
| + | <td class="text-left">138854</td> |
| + | <td class="text-left">135266</td> |
| + | <td class="text-left">138449</td> |
| + | <td class="text-left">78490</td> |
| + | <td class="text-left">76435</td> |
| + | <td class="text-left">76820</td> |
| + | </tr> |
| + | <tr> |
| + | <td class="text-left">J23117+I13504</td> |
| + | <td class="text-left">196742</td> |
| + | <td class="text-left">189264</td> |
| + | <td class="text-left">189532</td> |
| + | <td class="text-left">177459</td> |
| + | <td class="text-left">173740</td> |
| + | <td class="text-left">180933</td> |
| + | <td class="text-left">255947</td> |
| + | <td class="text-left">235695</td> |
| + | <td class="text-left">240583</td> |
| + | </tr> |
| + | <tr> |
| + | <td class="text-left">I20270</td> |
| + | <td class="text-left">59086</td> |
| + | <td class="text-left">58353</td> |
| + | <td class="text-left">58899</td> |
| + | <td class="text-left">66048</td> |
| + | <td class="text-left">66005</td> |
| + | <td class="text-left">65974</td> |
| + | <td class="text-left">23207</td> |
| + | <td class="text-left">23189</td> |
| + | <td class="text-left">22479</td> |
| + | </tr> |
| + | <tr> |
| + | <td class="text-left">R0040</td> |
| + | <td class="text-left">7841</td> |
| + | <td class="text-left">8595</td> |
| + | <td class="text-left">8823</td> |
| + | <td class="text-left">9514</td> |
| + | <td class="text-left">9610</td> |
| + | <td class="text-left">9661</td> |
| + | <td class="text-left">8611</td> |
| + | <td class="text-left">8411</td> |
| + | <td class="text-left">11601</td> |
| + | </tr> |
| + | </tbody> |
| + | </table> |
| + | <p> |
| | | |
− | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eu suscipit lectus. Pellentesque ut risus rhoncus, congue tortor at, aliquam augue. Vestibulum ex mi, varius quis sollicitudin at, blandit ac lorem. Vivamus mattis sapien turpis, in fringilla nulla cursus id. Vestibulum vestibulum velit et accumsan aliquet. Aenean nulla justo, scelerisque id pulvinar eu, fringilla et nisl. Cras sapien magna, tincidunt in sapien et, sagittis sodales lacus. Praesent a ex ut augue fringilla interdum.</p> | + | <center><img src="https://static.igem.org/mediawiki/2015/4/41/UCSD_Normalized_Stationary_Phase_Flourescence-8-23.jpg"></center> |
| + | <p> |
| + | <!-- GROWTH PHASE, FLUORESCENCE --> |
| + | <div class="table-title"> |
| + | <center><h3>Normalized Growth Phase Fluorescence</h3></center> |
| + | </div> |
| + | <table class="table-fill"> |
| | | |
− | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eu suscipit lectus. Pellentesque ut risus rhoncus, congue tortor at, aliquam augue. Vestibulum ex mi, varius quis sollicitudin at, blandit ac lorem. Vivamus mattis sapien turpis, in fringilla nulla cursus id. Vestibulum vestibulum velit et accumsan aliquet. Aenean nulla justo, scelerisque id pulvinar eu, fringilla et nisl. Cras sapien magna, tincidunt in sapien et, sagittis sodales lacus. Praesent a ex ut augue fringilla interdum.</p> | + | <thead> |
| + | <tr> |
| + | <th class="text-left">Replicate (Bio)</th> |
| + | <th class="text-left" colspan="3">1</th> |
| + | <th class="text-left" colspan="3">2</th> |
| + | <th class="text-left" colspan="3">3</th> |
| + | </tr> |
| + | </thead> |
| | | |
| + | <thead> |
| + | <tr> |
| + | <th class="text-left">Replicate (Tech)</th> |
| + | <th class="text-left">1</th> |
| + | <th class="text-left">2</th> |
| + | <th class="text-left">3</th> |
| + | <th class="text-left">1</th> |
| + | <th class="text-left">2</th> |
| + | <th class="text-left">3</th> |
| + | <th class="text-left">1</th> |
| + | <th class="text-left">2</th> |
| + | <th class="text-left">3</th> |
| + | </tr> |
| + | </thead> |
| | | |
| + | <tbody class="table-hover"> |
| + | <tr> |
| + | <td class="text-left">J23101+I13504</td> |
| + | <td class="text-left">228630</td> |
| + | <td class="text-left">220402</td> |
| + | <td class="text-left">215458</td> |
| + | <td class="text-left">250390</td> |
| + | <td class="text-left">260929</td> |
| + | <td class="text-left">251502</td> |
| + | <td class="text-left">223796</td> |
| + | <td class="text-left">244465</td> |
| + | <td class="text-left">239753</td> |
| + | </tr> |
| + | <tr> |
| + | <td class="text-left">J23106+I13504</td> |
| + | <td class="text-left">137338</td> |
| + | <td class="text-left">136645</td> |
| + | <td class="text-left">138662</td> |
| + | <td class="text-left">152553</td> |
| + | <td class="text-left">152022</td> |
| + | <td class="text-left">151875</td> |
| + | <td class="text-left">155750</td> |
| + | <td class="text-left">154273</td> |
| + | <td class="text-left">156722</td> |
| + | </tr> |
| + | <tr> |
| + | <td class="text-left">J23117+I13504</td> |
| + | <td class="text-left">213819</td> |
| + | <td class="text-left">199649</td> |
| + | <td class="text-left">202460</td> |
| + | <td class="text-left">206332</td> |
| + | <td class="text-left">209273</td> |
| + | <td class="text-left">209787</td> |
| + | <td class="text-left">201584</td> |
| + | <td class="text-left">204465</td> |
| + | <td class="text-left">170296</td> |
| + | </tr> |
| + | <tr> |
| + | <td class="text-left">I20270</td> |
| + | <td class="text-left">132783</td> |
| + | <td class="text-left">133059</td> |
| + | <td class="text-left">135514</td> |
| + | <td class="text-left">111394</td> |
| + | <td class="text-left">113750</td> |
| + | <td class="text-left">117485</td> |
| + | <td class="text-left">138890</td> |
| + | <td class="text-left">126284</td> |
| + | <td class="text-left">128169</td> |
| + | </tr> |
| + | <tr> |
| + | <td class="text-left">R0040</td> |
| + | <td class="text-left">18327</td> |
| + | <td class="text-left">17437</td> |
| + | <td class="text-left">18190</td> |
| + | <td class="text-left">18767</td> |
| + | <td class="text-left">17509</td> |
| + | <td class="text-left">17658</td> |
| + | <td class="text-left">16599</td> |
| + | <td class="text-left">16547</td> |
| + | <td class="text-left">15929</td> |
| + | </tr> |
| + | </tbody> |
| + | </table> |
| + | <p> |
| + | |
| + | <center><img src="https://static.igem.org/mediawiki/2015/2/2c/UCSD_Normalized_Growth_Phase_Flourescence-8-23.jpg"></center> |
| + | <p> |
| </div> | | </div> |
| </div> | | </div> |
Line 236: |
Line 371: |
| </div> | | </div> |
| </div> | | </div> |
− | </div>
| + | |
| | | |
| | | |