(Prototype team page) |
|||
Line 1: | Line 1: | ||
{{RDFZ-China}} | {{RDFZ-China}} | ||
<html> | <html> | ||
+ | <head> | ||
+ | <meta http-equiv="X-UA-Compatible" content="chrome=1"> | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=Edge"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
+ | <meta charset="UTF-8"> | ||
+ | <title>RDFZ-China</title> | ||
+ | <link href="https://fonts.googleapis.com/css?family=Gamja+Flower|Lemonada" rel="stylesheet"> | ||
+ | <style> | ||
+ | .igem_2018_team_content,.igem_2018_team_content .igem_2018_team_column_wrapper{padding:0px; width:100%; margin-top:-7px; margin-left:0px;background-color: transparent; margin:auto;} | ||
+ | .igem_2018_team_menu.displaying_menu{display:none;} | ||
+ | .igem_2018_team_content .igem_2018_team_column_wrapper h3, | ||
+ | .igem_2018_team_content .igem_2018_team_column_wrapper h4, | ||
+ | .igem_2018_team_content .igem_2018_team_column_wrapper h5, | ||
+ | .igem_2018_team_content .igem_2018_team_column_wrapper h6, | ||
+ | .igem_2018_team_content .igem_2018_team_column_wrapper h1, | ||
+ | .igem_2018_team_content .igem_2018_team_column_wrapper h2, | ||
+ | .igem_2018_team_content .igem_2018_team_column_wrapper p{margin-bottom: 0px;font-family: 'Gamja Flower', cursive;line-height:3.5;color:crimson;} | ||
+ | h1,h2,h3,p{font-family: 'Gamja Flower', cursive;;color:crimson;text-shadow: 0px 0px 8px rgba(0, 0, 0,.2);} | ||
+ | header { width: 96%; margin: 0 2%;margin-bottom: 20px;height:250px } | ||
+ | header:after { content: ''; display: block; clear: both; } | ||
+ | header .site-logo { float: left; width: 25%;} | ||
+ | header .site-logo img { width:60%; } | ||
+ | header .site-nav { float: right; position: relative; width: 70%; } | ||
+ | header .site-nav img { width: 100%;margin:0 0 30px 0; } | ||
+ | header .site-nav ul { position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 100%; height: 100%; list-style: none; font-family: 'Gamja Flower';font-size:18px;} | ||
+ | header .site-nav ul li { position: absolute; transform: translate(-50%,-50%); } | ||
+ | header .site-nav ul li.team { top: 40px; left: 22%; } | ||
+ | header .site-nav ul li.project { top: 40px; left: 35%; } | ||
+ | header .site-nav ul li.awards { top: 40px; left: 50%; } | ||
+ | header .site-nav ul li.safety { top: 40px; left: 63.5%; } | ||
+ | header .site-nav ul li.human { top: 40px; left: 79%; } | ||
+ | header .site-nav ul li.model { top: 40px; left: 94%; } | ||
+ | header .site-nav ul li:hover ul { display: block; } | ||
+ | header .site-nav ul li a { display: block; font-size: .95em; padding-bottom: .1em; text-decoration: none; letter-spacing: .15em; text-transform: uppercase; color: black; -webkit-transition: color .3s; transition: color .3s; z-index:20;} | ||
+ | header .site-nav ul li a:hover { border-bottom: 1px solid red; background-color: #FEFEFE; color: #C4C4C4; cursor: pointer; } | ||
+ | header .site-nav ul li ul { top: auto; left: 0; display: none; width: auto; height: auto; } | ||
+ | header .site-nav ul li ul li { position: static; transform: none; } | ||
+ | ol li{text-align: justify;font-size:20px;} | ||
+ | .title { position: relative; z-index: 1;text-align: center;margin:0 100px 0 100px; } | ||
+ | .title-content{background-position: center;text-align: center;text-align: center;font-family: 'Gamja Flower', "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"} | ||
+ | .description{margin:60px ;font-size:25px;} | ||
+ | .flowchart{ | ||
+ | text-align: center; | ||
+ | margin:100px; | ||
+ | } | ||
+ | .line{ | ||
+ | height: 30px; | ||
+ | border-style: solid; | ||
+ | border-color: black; | ||
+ | border-width: 1px 0 0 0; | ||
+ | border-radius: 20px; | ||
+ | background-color: inherit; | ||
+ | } | ||
+ | .line:before{ | ||
+ | display: block; | ||
+ | content: ""; | ||
+ | height: 30px; | ||
+ | margin-top: -31px; | ||
+ | border-style: solid; | ||
+ | border-color: black; | ||
+ | border-width: 0 0 1px 0; | ||
+ | border-radius: 20px; | ||
+ | } | ||
+ | /* Slideshow container */ | ||
+ | .slideshow-container { | ||
+ | position: fixed; | ||
+ | max-width: 1000px; | ||
+ | max-height: 1200px; | ||
+ | position: relative; | ||
+ | margin: auto; | ||
+ | overflow: hidden; | ||
+ | } | ||
− | + | .mySlides { | |
− | + | display: none; | |
− | + | } | |
− | + | ||
− | + | ||
+ | /* Next & previous buttons */ | ||
+ | .prev, .next { | ||
+ | cursor: pointer; | ||
+ | position: absolute; | ||
+ | top: 50%; | ||
+ | width: auto; | ||
+ | margin-top: -22px; | ||
+ | padding: 16px; | ||
+ | color: white; | ||
+ | font-weight: bold; | ||
+ | font-size: 18px; | ||
+ | transition: 0.6s ease; | ||
+ | border-radius: 0 3px 3px 0; | ||
+ | } | ||
− | + | /* Position the "next button" to the right */ | |
+ | .next { | ||
+ | right: 0; | ||
+ | border-radius: 3px 0 0 3px; | ||
+ | } | ||
+ | /* Position the "previous button" to the left*/ | ||
+ | .prev{ | ||
+ | left:0 ; | ||
+ | border-radius: 3px 0 0 3px; | ||
+ | } | ||
+ | /* On hover, add a black background color with a little bit see-through */ | ||
+ | .prev:hover, .next:hover { | ||
+ | background-color: rgba(0,0,0,0.8); | ||
+ | } | ||
+ | /* Caption text */ | ||
+ | .text { | ||
+ | color: #f2f2f2; | ||
+ | font-size: 15px; | ||
+ | padding: 8px 12px; | ||
+ | position: absolute; | ||
+ | bottom: 8px; | ||
+ | width: 100%; | ||
+ | text-align: center; | ||
+ | } | ||
− | + | /* Number text (1/3 etc) */ | |
− | + | .numbertext { | |
− | + | color: #f2f2f2; | |
− | + | font-size: 12px; | |
− | + | padding: 8px 12px; | |
− | + | position: absolute; | |
+ | top: 0; | ||
+ | } | ||
− | + | /* The dots/bullets/indicators */ | |
− | + | .dot { | |
+ | cursor:pointer; | ||
+ | height: 15px; | ||
+ | width: 15px; | ||
+ | margin: 0 2px; | ||
+ | background-color: #bbb; | ||
+ | border-radius: 50%; | ||
+ | display: inline-block; | ||
+ | transition: background-color 0.6s ease; | ||
+ | } | ||
+ | .active, .dot:hover { | ||
+ | background-color: #717171; | ||
+ | } | ||
+ | /* Fading animation */ | ||
+ | .fade { | ||
+ | -webkit-animation-name: fade; | ||
+ | -webkit-animation-duration: 1.5s; | ||
+ | animation-name: fade; | ||
+ | animation-duration: 1.5s; | ||
+ | } | ||
+ | @-webkit-keyframes fade { | ||
+ | from {opacity: .4} | ||
+ | to {opacity: 1} | ||
+ | } | ||
+ | @keyframes fade { | ||
+ | from {opacity: .4} | ||
+ | to {opacity: 1} | ||
+ | } | ||
+ | .footerimage{ | ||
+ | width: 20%; | ||
+ | margin:0 auto; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .footerimage1{ | ||
+ | width:20%; | ||
+ | } | ||
+ | .footerimage2{ | ||
+ | width:30%; | ||
+ | margin:80px 100px 0 165px; | ||
+ | } | ||
+ | .footerimage3{ | ||
+ | width:20%; | ||
+ | margin: 0 0 0 35px | ||
+ | } | ||
+ | .inlabdiv { | ||
+ | margin-bottom: 5%; | ||
+ | margin-left: 2%; | ||
+ | } | ||
+ | #f ul{list-style: none;} | ||
+ | #f li{display: block; margin: 0 1.2em;} | ||
+ | #f img{float:left;} | ||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | <header> | ||
+ | <div class="site-logo"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/5/57/RDFZ_logo.png" /> | ||
+ | </div> | ||
+ | <div class="site-nav-bg"> | ||
+ | </div> | ||
+ | <nav class="site-nav"> | ||
+ | |||
+ | <ul> | ||
+ | <li class="team"> | ||
+ | <a href="https://2017.igem.org/Team:RDFZ-China/Team">Team</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Attributions">Attribution</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Results">Results</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Collaboration">Collobration</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:RDFZ-China/InterLab">Interlab</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="project"> | ||
+ | <a href="https://2017.igem.org/Team:RDFZ-China/Description">Project </a> | ||
+ | <ul> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Description">Description</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Design">Design</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Experiments">Experiments</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Parts">Parts</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Notebook">Notebook</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="awards"> | ||
+ | <a href="https://2017.igem.org/Team:RDFZ-China/Applied_Design">Awards</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Entrepreneurship">Entrepreneurship</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="safety"><a href="https://2017.igem.org/Team:RDFZ-China/Safety">Safety</a></li> | ||
+ | <li class="human"> | ||
+ | <a href="https://2017.igem.org/Team:RDFZ-China/HP/Silver">Human<br>Practice</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/HP/Silver">HP Silver</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/HP/Gold_Integrated">HP Gold</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Engagement">Public Engagement</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="model"><a href="https://2017.igem.org/Team:RDFZ-China/Model">Model</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Hardware">Hardware</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </nav> | ||
+ | <div style="clear:both;"></div> | ||
+ | </header> | ||
+ | <main> | ||
+ | <!--Title--> | ||
+ | <section class="title"> | ||
+ | <div class="title-content"> | ||
+ | <hr class="line"> | ||
+ | <div class="slideshow-container"> | ||
+ | <div class="mySlides fade"> | ||
+ | <div class="numbertext">1 / 3</div> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/d/dd/T--RDFZ-China--TempHomepageimprovedtwice.jpg" style="width:100%"> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div> | ||
+ | <h1>Introduction: What is InterLab</h1> | ||
+ | <p>Reliable and repeatable measurement is key to synthetic biology. It is essential for a standard protocol to be established so that the same measurements can be repeated in different labs. | ||
+ | <br> | ||
+ | <br> | ||
+ | This year’s interlab study is aimed to reduce the variability of cell count measurements by replacing OD600 measurement which varies between labs with directly counting of colony forming units (CFU) to determine the number of cells in each sample. Then the mean GFP expression level by each cell can be determined by dividing the already standardized GFP expression level of the sample by the number of cells in that sample. | ||
+ | <br> | ||
+ | <br> | ||
+ | This is the 5th year of InterLab and we have the following question: | ||
+ | <br> | ||
+ | <br> | ||
+ | <b> | ||
+ | <font color = "orange" size = "5" face = "serif"> | ||
+ | Can we reduce lab-to-lab variability in fluorescence measurements by normalizing to absolute cell count or colony-forming units (CFUs) instead of OD? | ||
+ | </font> | ||
+ | </b> | ||
+ | </p> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div> | ||
+ | <h1>Materials</h1> | ||
+ | <p>DNA/Plasmids</p> | ||
+ | <ol> | ||
+ | <li>Negative Control: BBa_R0040</li> | ||
+ | <li>Positive Control: BBa_I20270</li> | ||
+ | <li>Test Device 1: BBa_J364000</li> | ||
+ | <li>Test Device 2: BBa_J364001</li> | ||
+ | <li>Test Device 3: BBa_J364002</li> | ||
+ | <li>Test Device 4: BBa_J364007</li> | ||
+ | <li>Test Device 5: BBa_J364008</li> | ||
+ | <li>Test Device 6: BBa_J364009</li> | ||
+ | </ol> | ||
+ | <p>Apparatus</p > | ||
+ | <ul> | ||
+ | <li>96 well plates (provided by Peking University)</li> | ||
+ | <li>Plate reader</li> | ||
+ | <li>Foil covered 50 ml tube</li> | ||
+ | <li>Eppendorf tubes</li> | ||
+ | <li>Pipettes</li> | ||
+ | </ul> | ||
+ | <p>Materials</p> | ||
+ | <ul> | ||
+ | <li>LUDOX CL-X</li> | ||
+ | <li>Silica beads</li> | ||
+ | <li>Fluorescein</li> | ||
+ | <li>Phosphate buffered saline</li> | ||
+ | <li>LB media</li> | ||
+ | <li>Chloramphenicol</li> | ||
+ | <li>LB plates</li> | ||
+ | <li>distilled water</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | <div> | ||
+ | <h1>Protocols</h1> | ||
+ | <div> | ||
+ | <p> We followed the protocol provided by iGEM HQ so that inter-laboratory errors can be reduced. Protocols we used can be found here:</p> | ||
+ | <a href = "https://static.igem.org/mediawiki/2018/0/09/2018_InterLab_Plate_Reader_Protocol.pdf"> 2018 InterLab Plate Reader Protocol</a><br> | ||
+ | <a href = "http://parts.igem.org/Help:Protocols/Transformation">Help: Protocols/Transformation</a> | ||
+ | </div> | ||
+ | <div> | ||
+ | <p>During the first day, we resuspended DNA from distribution kit <em>(Kit Open Day!)</em> and transformed the plasmids into <i>Escherichia coli</i> DH5<i>α</i> competent cells.</p> | ||
+ | <img src = "https://static.igem.org/mediawiki/2018/6/6b/T--RDFZ-China--InterLab1.jpeg" alt = "Open Distribution Kit" style = "width: 30%"> | ||
+ | </div> | ||
+ | <div> | ||
+ | <p>For the second day, firstly we picked single colonies from transformation plates and prepared overnight cultures; we also finished particle and fluorescence calibration.</p> | ||
+ | <img src = "https://static.igem.org/mediawiki/2018/6/6f/T--RDFZ-China--InterLab5.jpeg" alt = "Add silica beads to 96 well plate" style = "width: 30%"> | ||
+ | </div> | ||
+ | <div> | ||
+ | <p>The third day was fairly occupied.</p> | ||
+ | <ol> | ||
+ | <li>Overnight cultures were collected for assays. Essentially, each culture was diluted into same starting Abs readings and incubated for 6 hours. Samples were taken at the starting time and after 6 hours. Abs and fluorescence readings were measured for each sample and then imported into excel file.</li> | ||
+ | <li>While we were waiting for incubation, we diluted the starting sample culture for Colony Forming Units protocols and spread 36 LB plates.</li> | ||
+ | <li>We nearly forgot to calibrate OD reference points at the end of the day!</li> | ||
+ | </ol> | ||
+ | <img src = "https://static.igem.org/mediawiki/2018/8/8e/T--RDFZ-China--InterLab2.jpg" alt = "Spread plates" width = "30%"> | ||
+ | <img src = "https://static.igem.org/mediawiki/2018/d/d0/T--RDFZ-China--InterLab3.jpeg" alt = "Add cultures to 96 well plate" width = "30%"> | ||
+ | <img src = "https://static.igem.org/mediawiki/2018/8/83/T--RDFZ-China--InterLab4.jpeg" alt = "With the PLATE READER!" width = "30%"> | ||
+ | </div> | ||
+ | <div> | ||
+ | <p>At last, we counted the colonies <em>(colony forming units)</em> in those 36 plates. It was just an exhausting process!</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div> | ||
+ | <h1>Results</h1> | ||
+ | <p><i>The results are shown in the tables and figures.</i></p> | ||
+ | <h2>Calibrations</h2> | ||
+ | <div class="inlabdiv"> | ||
+ | <p>OD<sub>600</sub> reference point:</p> | ||
+ | <img src = "https://static.igem.org/mediawiki/2018/0/0a/T--RDFZ-China--OD600_Reference_Point.png" alt = "OD600 Reference Point" style = "width: 30%"><br> | ||
+ | <font size = "1">Table 1. OD600 Reference Point.</font> | ||
+ | </div> | ||
+ | <div class="inlabdiv"> | ||
+ | <img src = "https://static.igem.org/mediawiki/2018/7/76/T--RDFZ-China--Fluorescein_Standard_Curve.png" alt = "Fluorescein Standard Curve" style = "width: 50%"><br> | ||
+ | <font size = "1">Figure 1. Particle Standard Curve.</font> | ||
+ | </div> | ||
+ | <div class="inlabdiv"> | ||
+ | <img src = "https://static.igem.org/mediawiki/2018/b/b9/T--RDFZ-China--Particle_Standard_Curve.png" alt = "Particle Standard Curve" style = "width: 50%"><br> | ||
+ | <font size = "2">Figure 2. Fluorescein Standard Curve.</font> | ||
+ | </div> | ||
+ | <h2>Raw Plate Reader Measurements</h2> | ||
+ | <div class="inlabdiv"> | ||
+ | <p><b>Fluorescence Raw</b></p> | ||
+ | <img src = "https://static.igem.org/mediawiki/2018/7/74/T--RDFZ-China--Fluorescence_Raw_0_hour.png" alt = "Fluorescence at 0h" style = "width: 50%"><br> | ||
+ | <font size = "2">Table 2. Raw Plate Reader Measurements of Fluorescence Raw at 0 hour.</font> | ||
+ | </div> | ||
+ | <div class = "inlabdiv"> | ||
+ | <img src = "https://static.igem.org/mediawiki/2018/0/0c/T--RDFZ-China--Fluorescence_Raw_6_hours.png" alt = "Fluorescence at 6h" style = "width: 50%"><br> | ||
+ | <font size = "2">Table 3. Raw Plate Reader Measurements of Fluorescence Raw at 6 hours.</font> | ||
+ | </div> | ||
+ | <div class = "inlabdiv"> | ||
+ | <p><b>Abs<sub>600</sub> Raw</b></p> | ||
+ | <img src = "https://static.igem.org/mediawiki/2018/c/ce/T--RDFZ-China--Abs600_Raw_0_hour.png" alt = "Abs600 at 0h" style = "width: 50%"><br> | ||
+ | <font size = "2">Table 4. Raw Plate Reader Measurements of Abs600 Raw at 0 hour.</font> | ||
+ | </div> | ||
+ | <div class = "inlabdiv"> | ||
+ | <img src = "https://static.igem.org/mediawiki/2018/8/89/T--RDFZ-China--Abs600_Raw_6_hours.png" alt = "Abs600 at 6h" style = "width: 50%"><br> | ||
+ | <font size = "2">Table 5. Raw Plate Reader Measurements of Abs600 Raw at 6 hours.</font> | ||
+ | </div> | ||
+ | |||
+ | <div> | ||
+ | <h1>Evaluation</h1> | ||
+ | </div> | ||
+ | |||
+ | <div> | ||
+ | <p><em>Thanks to Molecular Biology Laboratory in Tsinghua University, we could follow the protocols without issues regarding apparatus and reagents. Also, we’d like to appreciate our advisor and anyone who helped us in Tsinghua and Peking University for providing suggestions and guidance during InterLab studies.</em></p> | ||
+ | </div> | ||
+ | |||
+ | <footer id="f"> | ||
+ | <div> | ||
+ | <ul> | ||
+ | <li><img src="https://static.igem.org/mediawiki/2018/0/00/T--RDFZ-China--footer1.png" class="footerimage1"/></li> | ||
+ | <li><img src="https://static.igem.org/mediawiki/2018/d/d8/T--RDFZ-China--footer2.png" class="footerimage2"/></li> | ||
+ | <li><img src="https://static.igem.org/mediawiki/2018/5/52/T--RDFZ-China--footer3.jpeg" class="footerimage3"/></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div> | ||
+ | <p></p> | ||
+ | </div> | ||
+ | </footer> | ||
+ | <script> | ||
+ | (function (w) { | ||
+ | var _this = w.slides = {}; | ||
+ | var slides = _this.slides = document.getElementsByClassName('mySlides'); | ||
+ | var dots = document.getElementsByClassName('dot'); | ||
+ | var prevButton = document.getElementsByClassName('prev')[0]; | ||
+ | var nextButton = document.getElementsByClassName('next')[0]; | ||
+ | var currentIndex = _this.currentIndex = 0; | ||
+ | var maxIndex = _this.maxIndex = slides.length - 1; | ||
+ | for (var i = 0; i <= maxIndex; i++) { | ||
+ | slides[i].style.display = 'none'; | ||
+ | } | ||
+ | var change = _this.change = function (index) { | ||
+ | slides[currentIndex].style.display = 'none'; | ||
+ | slides[index].style.display = 'block'; | ||
+ | currentIndex = index; | ||
+ | }; | ||
+ | var next = _this.next = function () { | ||
+ | var index = currentIndex + 1; | ||
+ | if (index > maxIndex) index = 0; | ||
+ | change(index); | ||
+ | }; | ||
+ | var prev = _this.prev = function () { | ||
+ | var index = currentIndex - 1; | ||
+ | if (index < 0) index = maxIndex; | ||
+ | change(index); | ||
+ | }; | ||
+ | var interval; | ||
+ | var _setInterval = _this.setInterval = function () { | ||
+ | interval = setInterval(next, 3000); | ||
+ | }; | ||
+ | var _clearInterval = _this.clearInterval = function () { | ||
+ | clearInterval(interval); | ||
+ | }; | ||
+ | _setInterval(); | ||
+ | })(window); | ||
+ | </script> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 03:17, 17 July 2018