(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | { | + | <html lang="en"> |
− | < | + | <head> |
+ | <script> | ||
+ | /* Hiding stupid stuff*/ | ||
+ | $('#top_title').css('display', 'none'); | ||
+ | $('#top_menu').css('display', 'none'); | ||
+ | //$('#top_menu_14').css('display', 'none'); | ||
+ | $('#HQ_page').css('display', 'none'); | ||
+ | $('#top_menu_under').css('display', 'none'); | ||
+ | $('#content').removeClass('mw-body'); | ||
+ | $('#content').attr('role','dummy2') | ||
+ | $('#content').attr('id','dummy') | ||
+ | $('#HQ_page').attr("id","iGEM"); //voids all dumb CSS iGEM HQ wrote which overrides our code | ||
+ | $('#mw-content-text').attr("id","overruled").removeClass('mw-content-ltr'); | ||
+ | </script> | ||
+ | <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
+ | <script> | ||
+ | $(body).css('display','none'); | ||
+ | </script> | ||
+ | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | if (typeof jQuery == 'undefined') { | ||
+ | document.write(unescape("%3Cscript src='js/jquery-1.10.2.min.js' type='text/javascript'%3E%3C/script%3E")); | ||
+ | } | ||
+ | </script> | ||
+ | <link href='https://fonts.googleapis.com/css?family=Raleway:400,200' rel='stylesheet' type='text/css'> | ||
+ | <link href='https://fonts.googleapis.com/css?family=Exo|Lora' rel='stylesheet' type='text/css'> | ||
+ | <title>Interlab Study</title> | ||
+ | </head> | ||
+ | <body> | ||
+ | <nav> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/2/26/T--UMaryland--newlogo.jpeg" id="img-logo" width="128px"> | ||
+ | <ul> | ||
+ | <a style="opacity: 0">Fix</a> | ||
+ | <li><a href="https://2016.igem.org/Team:UMaryland/projects">Projects</a></li> | ||
+ | <!--<li><a href="https://2016.igem.org/Team:UMaryland/parts">Parts</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:UMaryland/modeling">Modeling</a></li>--> | ||
+ | <li><a href="https://2016.igem.org/Team:UMaryland/outreach">Outreach</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:UMaryland/notebook">Notebook</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:UMaryland/about">About Us</a></li> | ||
+ | </ul> | ||
+ | </nav> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/e/e5/T--UMaryland--more.png" id="img-more"> | ||
+ | <!-- Nav bar when more button is clicked --> | ||
+ | <div id="div-navResized"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/2/26/T--UMaryland--newlogo.jpeg" id="img-logoResized"> | ||
+ | <ul> | ||
+ | <li><a href="https://2016.igem.org/Team:UMaryland/projects">Projects</a></li> | ||
+ | <!--<li><a href="https://2016.igem.org/Team:UMaryland/parts">Parts</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:UMaryland/modeling">Modeling</a></li>--> | ||
+ | <li><a href="https://2016.igem.org/Team:UMaryland/outreach">Outreach</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:UMaryland/notebook">Notebook</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:UMaryland/about">About Us</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <script> | ||
+ | // Animation over top nav bar when mouse hovers | ||
+ | $('nav').mouseover( | ||
+ | function () { | ||
+ | $('#img-logo').css('transition', '.35s ease-in'); | ||
+ | $('#img-logo').css('opacity', '1'); | ||
+ | $('nav ul').addClass("hover"); | ||
+ | } | ||
+ | ), | ||
+ | $('nav').mouseout( | ||
+ | function () { | ||
+ | var scroll = $(window).scrollTop(); | ||
+ | if (scroll > 0) {if ( $(window).width() >= 980) { var pushed = $('body').hasClass('pushed'); if (pushed == false) { | ||
+ | $('#img-logo').css('transition', '.25s ease'); | ||
+ | $('#img-logo').css('opacity', '0'); | ||
+ | $('nav ul').removeClass("hover"); | ||
+ | $('nav').css('transition', '.5s ease'); | ||
+ | }}} | ||
+ | } | ||
+ | ), | ||
+ | // Window width effect on top nav bar | ||
+ | $(document).ready(function() { | ||
+ | function checkWidth() { | ||
+ | if ($(window).width() < 980 || $('nav').hasClass('pushed')){ | ||
+ | $('nav li').css('display', 'none'); | ||
+ | $('#img-more').css('display','block'); | ||
+ | $('nav ul').addClass("hover"); | ||
+ | $('#img-logo').css('transition', '.35s ease-in'); | ||
+ | $('#img-logo').css('opacity', '1'); | ||
+ | } else { | ||
+ | $('nav li').css('display', 'inline'); | ||
+ | $('#img-more').css('display','none'); | ||
+ | $('nav ul').removeClass("hover"); | ||
+ | if ($(window).scrollTop() > 0) { | ||
+ | $('#img-logo').css('transition', '.25s ease'); | ||
+ | $('#img-logo').css('opacity', '0'); | ||
+ | $('nav ul').addClass("scrolled"); | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | // Execute on load | ||
+ | checkWidth(); | ||
+ | // Bind function to window resize | ||
+ | $(window).resize(checkWidth); | ||
+ | }); | ||
+ | // Resized nav bar effect when more icon is clicked | ||
+ | $('#img-more').click(function() { | ||
+ | $('#img-more').toggleClass('pushed'); | ||
+ | $('#div-navResized').toggleClass('pushed'); | ||
+ | $('nav').toggleClass('pushed'); | ||
+ | $('nav img').toggleClass('pushed'); | ||
+ | $('body').toggleClass('pushed'); | ||
+ | if ($(window).width() >= 980) { var pushed = $('body').hasClass('pushed'); if (pushed == false){ | ||
+ | $('nav li').css('display', 'inline'); | ||
+ | $('#img-more').css('display','none'); | ||
+ | $('nav ul').removeClass("hover"); | ||
+ | $('#img-logo').css('transition', '.25s ease'); | ||
+ | $('#img-logo').css('opacity', '0'); | ||
+ | }} | ||
+ | }); | ||
+ | // Scrolling animation for top nav bar | ||
+ | var nav = $('nav ul'); | ||
+ | $(window).scroll(function() { | ||
+ | var scroll = $(window).scrollTop(); | ||
+ | if (scroll > 0) { if ( $(window).width() >= 980) { | ||
+ | nav.addClass("scrolled"); | ||
+ | nav.removeClass("hover"); | ||
+ | $('#img-logo').css('transition', '.25s ease'); | ||
+ | $('#img-logo').css('opacity', '0'); | ||
+ | }} else { | ||
+ | nav.removeClass("scrolled"); | ||
+ | $('#img-logo').css('transition', '.35s ease-in'); | ||
+ | $('#img-logo').css('opacity', '1'); | ||
+ | } | ||
+ | }); | ||
+ | </script> | ||
+ | <div data-parallax="scroll" data-image-src="https://static.igem.org/mediawiki/2016/5/5a/T--UMaryland--il.jpg" id="div-pic"> | ||
+ | <div class="titleText"> | ||
+ | <!-- where background image below titles show --> | ||
+ | <h11>Interlab Study</h11> | ||
+ | <h21>Fluorescence Data From 3 Different Constructs with GFP</h21> | ||
+ | <h31>Standardizing fluorescence measurements and promoting further joint scientific efforts of the iGEM community. </h31> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="div-text"> <!-- Start of main text of page --> | ||
+ | <!-- Heading text --> | ||
+ | |||
+ | |||
+ | <div class="longText"> | ||
+ | <p>The interlab study measures the fluorescence of three different constructs with GFP as well as a positive and negative control. It attempts to standardize the fluorescence measurements by adjusting absorbance values when compared to blanks, reducing the amount of independent variables by controlling for concentration, and adjusting fluorescence values based on the standard curve of FITC. The goal of this study is to see how the observed fluorescence values compare across the iGEM community to see if the adjustments successfully standardize fluorescence measurements.</p> | ||
+ | <p>As a community of synthetic biologist, a key to the advancement of the field is collaboration among groups. For proper collaboration, we must be able to communicate our findings in ways that are concrete and well defined, making standards essential.</p> | ||
+ | </div> | ||
+ | <div class="longText"> | ||
+ | <h4>Tested Devices</h4> | ||
+ | <p>Transform competent cells with Test Devices 1 - 3, positive control, and negative control provided and plate them overnight on chloramphenicol resistant plates.</p> | ||
+ | <ul> | ||
+ | <li>Test Device 1: J23101.B0034.E0040.B0015 in pSB1C3</li> | ||
+ | <li>Test Device 2: J23106.B0034.E0040.B0015 in pSB1C3</li> | ||
+ | <li>Test Device 3: J23117.B0034.E0040.B0015 in pSB1C3</li> | ||
+ | <li>Positive Control Device: I20270 in pSB1C3</li> | ||
+ | <li>Negative Control Device: R0040 in pSB1C3</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="longText"> | ||
+ | <h4>Protocol</h4> | ||
+ | <ol> | ||
+ | <li>Pick two colonies from each plate to inoculate and grow overnight. | ||
+ | </li> | ||
+ | <li>Calibrate the plate reader- | ||
+ | Measure absorbance of LUDOX and water to find a corrected absorbance that can then be used to find a conversion factor for a standard OD600 measurement.</li> | ||
+ | <li>Use FITC to create a standard fluorescence curve - | ||
+ | Measure fluorescence of FITC at different concentrations to generate a curve of fluorescence over concentration.</li> | ||
+ | <li>Measure OD600 of the overnight cultures and create dilutions to put them at an OD600 of 0.02.</li> | ||
+ | <li>Incubate at 37 C and take 100ul samples every hour (from hours 0-6).</li> | ||
+ | <li>Measure OD600 of all the samples and record.</li> | ||
+ | </ol> | ||
+ | </div> | ||
+ | <div class="longText"> | ||
+ | <h4>Results</h4> | ||
+ | <div id="div-results"> | ||
+ | <ul> | ||
+ | <li>Most samples grew exponentially, device 1 replicate 1 and device 1 replicate 2 seemed to have little growth.</li> | ||
+ | <li>Negative control and device 3 did not show fluorescence. Positive control, device 1, and device 2 showed increases in fluorescence over time.</li> | ||
+ | <li>The results show that fluorescence per unit of concentration remains relatively constant over time.</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div id="div-figures"> | ||
+ | <img class="figure" src="https://static.igem.org/mediawiki/2016/a/ae/T--UMaryland--absorbance.JPG"> | ||
+ | <small class="caption">Figure 1. Cell growth versus absorbance.</small> | ||
+ | <img class="figure" src="https://static.igem.org/mediawiki/2016/1/17/T--UMaryland--fluorescence.JPG"> | ||
+ | <small class="caption">Figure 2. Cell growth versus flourescence.</small> | ||
+ | <img class="figure" src="https://static.igem.org/mediawiki/2016/4/43/T--UMaryland--abs-fluor.JPG"> | ||
+ | <small class="caption">Figure 3. Cell growth versus absorbance / flourescence.</small> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <style> | ||
+ | .caption { | ||
+ | font-weight: bold; | ||
+ | |||
+ | } | ||
+ | |||
+ | .titleText { | ||
+ | margin-left: 175px; | ||
+ | width: 1000px; | ||
+ | } | ||
+ | #div-figures{ | ||
+ | margin-left: 80px; | ||
+ | width: 900px; | ||
+ | padding-bottom: 100px; | ||
+ | font-size: 12pt; | ||
+ | } | ||
+ | h11 { | ||
+ | color: white; | ||
+ | font-size: 30pt; | ||
+ | font-weight: 400; | ||
+ | text-align: left; | ||
+ | display: block; | ||
+ | margin-top: 60px; | ||
+ | padding-top: 180px; | ||
+ | -webkit-margin-after: 0.83em; | ||
+ | } | ||
+ | h21 { | ||
+ | color: white; | ||
+ | font-size: 24pt; | ||
+ | font-weight: 300; | ||
+ | text-align: left; | ||
+ | display: block; | ||
+ | -webkit-margin-before: 0.83em; | ||
+ | -webkit-margin-after: 0.83em; | ||
+ | } | ||
+ | h31 { | ||
+ | color: white; | ||
+ | font-size: 18pt; | ||
+ | font-weight: 200; | ||
+ | text-align: left; | ||
+ | display: block; | ||
+ | -webkit-margin-before: 0.83em; | ||
+ | -webkit-margin-after: 0.83em; | ||
+ | } | ||
− | + | #div-text { | |
− | + | padding-top: 100px; | |
− | + | background-color: #f9f9f9; | |
+ | } | ||
+ | #div-pic { | ||
+ | z-index: -999; | ||
+ | height: 500px; | ||
+ | } | ||
− | + | .imageEmbed { | |
− | + | /* creates border around image on each page */ | |
+ | border-style: solid; | ||
+ | margin-top: 50px; | ||
+ | margin-bottom: 50px; | ||
+ | border-color: #A8A8A8; | ||
+ | border-width: 2px; | ||
+ | } | ||
+ | #div-text p, .longText li { | ||
+ | /* formats text and lists within .longText */ | ||
+ | font-size: 16pt; | ||
+ | line-height: 2; | ||
+ | font-weight: 400; | ||
+ | } | ||
+ | .longText { | ||
+ | /* fixes width of the text and displays it slighly left of center */ | ||
+ | width: 850px; | ||
+ | margin-left: 175px; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | h4 { | ||
+ | /* formats intratext section headings */ | ||
+ | font-size: 20pt; | ||
+ | margin-top: 80px; | ||
+ | } | ||
+ | .blockText { | ||
+ | /* initially hides all of the text on page */ | ||
+ | display: none; | ||
+ | margin-top: 50px; | ||
+ | } | ||
− | + | .firstHeader { | |
+ | margin-top: 30px; | ||
+ | } | ||
+ | .figure { | ||
+ | /* fixes the width of images in results tables */ | ||
+ | width: 600px; | ||
+ | display: block; | ||
+ | border-style: solid; | ||
+ | border-color: #A8A8A8; | ||
+ | border-width: 2px; | ||
+ | margin-top: 50px; | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
− | + | /* formats caption and heading of results tables */ | |
+ | td p { | ||
+ | padding: 15px 0 15px 0; | ||
+ | margin: 0 0 30px 0; | ||
+ | font-size: 12pt; | ||
+ | line-height: 1.5; | ||
+ | width: 500px; | ||
+ | } | ||
+ | td h51 { | ||
+ | padding: 0 0 15px 0; | ||
+ | margin: 25px 0 0px 0; | ||
+ | font-size: 16pt; | ||
+ | } | ||
− | + | td { | |
− | + | vertical-align: top; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | #table-devices { | |
+ | width: 600px; | ||
+ | margin-left: 190px; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | #h4-first { | ||
+ | margin-top: 50px; | ||
+ | } | ||
+ | </style> | ||
+ | <div id="bot-nav"> | ||
+ | <div id="container"> | ||
+ | <div class="pull-left"> | ||
+ | <a href="mailto:umarylandigem@gmail.com"><p id="contact"> Contact Us </p></a> | ||
+ | </div> | ||
+ | <div class="pull-right"> | ||
+ | <ul id="social-media"> | ||
+ | <li> <a href="https://www.facebook.com/UMarylandiGEM/"> <img src="https://static.igem.org/mediawiki/2016/9/9f/T--UMaryland--fbLogo.jpeg"/> </a> </li> | ||
+ | <li> <a href="https://www.instagram.com/umarylandigem/"> <img src="https://static.igem.org/mediawiki/2016/c/ca/T--UMaryland--instalogo.jpg"/> </a> </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="copyright"> | ||
+ | <p id="copyright">© University of Maryland iGEM 2016</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </body> | ||
+ | <style> | ||
+ | /* Permanent bottom bar */ | ||
+ | |||
+ | #bot-nav { | ||
+ | background-color: #f9f9f9; | ||
+ | border-top: 1px solid #f5f5f5; | ||
+ | position: absolute; | ||
+ | width: 100%; | ||
+ | height: 100px; | ||
+ | display: block; | ||
+ | color: black; | ||
+ | font-size: 12pt; | ||
+ | font-family: 'Lora', serif; | ||
+ | z-index: -1; | ||
+ | } | ||
+ | |||
+ | #social-media { | ||
+ | width: 100%; | ||
+ | margin:0 0 0 0; | ||
+ | } | ||
+ | .pull-right a { | ||
+ | padding-right: 0px !important; | ||
+ | } | ||
+ | |||
+ | .copyright { | ||
+ | text-align: center; | ||
+ | width: 272px; | ||
+ | height: 30px; | ||
+ | margin-top: -20px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | |||
+ | .pull-left { | ||
+ | margin-top: -3px; | ||
+ | width: 83px; | ||
+ | margin-left: 30px; | ||
+ | margin-right: auto; | ||
+ | display: inline; | ||
+ | height: 34px; | ||
+ | } | ||
+ | |||
+ | .pull-left p { | ||
+ | margin: 0 0 0 0; | ||
+ | padding: 0 0 0 0 !important; | ||
+ | line-height: 0px !important; | ||
+ | } | ||
+ | |||
+ | .pull-right { | ||
+ | width: 83px; | ||
+ | margin-right: 30px; | ||
+ | margin-left: auto; | ||
+ | } | ||
+ | |||
+ | #copyright { | ||
+ | text-align: center; | ||
+ | left:auto; | ||
+ | right: auto; | ||
+ | width: 100%; | ||
+ | padding: 0 0 0 0; | ||
+ | margin-top: 0px; | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | #container { | ||
+ | max-width: 1200px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | margin-top: 40px; | ||
+ | } | ||
+ | |||
+ | #container img { | ||
+ | height: 20px; | ||
+ | width: 20px; | ||
+ | -webkit-filter: grayscale(100%); | ||
+ | filter: grayscale(100%); | ||
+ | } | ||
+ | |||
+ | #bot-nav img:hover { | ||
+ | -webkit-filter: grayscale(0%); | ||
+ | filter: grayscale(0%); | ||
+ | } | ||
+ | |||
+ | #container li { | ||
+ | display: inline; | ||
+ | list-style:none; | ||
+ | padding-right: 25px; | ||
+ | } | ||
+ | |||
+ | .pull-left { | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | #bot-nav a { | ||
+ | text-decoration: none; | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | #contact:hover { | ||
+ | text-shadow: .1px .1px black; | ||
+ | } | ||
+ | </style> | ||
+ | <style> | ||
+ | /* Navbar and body setup */ | ||
+ | #bars_item { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #sideMenu { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | margin-top: 0px; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | /* Enforces font on the entire page, colored black by default | ||
+ | Makes background off-white slightly to improve visibility with gray font */ | ||
+ | font-family: 'Raleway', sans-serif; | ||
+ | color: black; | ||
+ | background-color: #FEFFFA; | ||
+ | overflow-x:hidden; | ||
+ | margin-right: auto; | ||
+ | margin-left: auto; | ||
+ | } | ||
+ | |||
+ | /* Navbar */ | ||
+ | nav { | ||
+ | opacity: 1.0; | ||
+ | position: fixed; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | right: 0; | ||
+ | line-height: 10px; | ||
+ | font-size: 20pt; | ||
+ | display: block; | ||
+ | background: #fff; | ||
+ | border-bottom: 1px solid black; | ||
+ | box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); | ||
+ | border-bottom-left-radius: 5px; | ||
+ | border-bottom-right-radius: 5px; | ||
+ | z-index: 1; | ||
+ | margin-top: 18px; | ||
+ | } | ||
+ | |||
+ | nav a { | ||
+ | text-decoration: none; | ||
+ | color: black; | ||
+ | font-family: 'Exo', sans-serif; | ||
+ | } | ||
+ | |||
+ | a:visited { | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | nav ul { | ||
+ | list-style: none; | ||
+ | transition: all .5s ease; | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | nav li { | ||
+ | display: inline; | ||
+ | margin-right: 20px; | ||
+ | } | ||
+ | |||
+ | nav a:hover, nav a:focus { | ||
+ | opacity: .7; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | /* Nav bar when more icon is clicked */ | ||
+ | #div-navResized { | ||
+ | font-size: 20pt; | ||
+ | position: fixed; | ||
+ | text-align: center; | ||
+ | display: none; | ||
+ | width: 100%; | ||
+ | left: 0; | ||
+ | right: 0; | ||
+ | margin-top: 100px; | ||
+ | z-index: 3; | ||
+ | } | ||
+ | |||
+ | #div-navResized a { | ||
+ | text-decoration: none; | ||
+ | color: black; | ||
+ | font-family: 'Exo', sans-serif; | ||
+ | } | ||
+ | |||
+ | #div-navResized ul { | ||
+ | list-style: none; | ||
+ | margin-right: 40px; | ||
+ | margin-top: 0px; | ||
+ | } | ||
+ | |||
+ | #div-navResized ul li { | ||
+ | margin-top: 4px; | ||
+ | } | ||
+ | |||
+ | #div-title { | ||
+ | z-index: -999; | ||
+ | } | ||
+ | |||
+ | #copyrightResized { | ||
+ | margin-top: -23px; | ||
+ | } | ||
+ | |||
+ | #contactResized { | ||
+ | margin-top: -10px; | ||
+ | } | ||
+ | |||
+ | #contactResized:hover { | ||
+ | text-shadow: .1px .1px black; | ||
+ | } | ||
+ | |||
+ | /* Pushed class actives */ | ||
+ | #img-more.pushed { | ||
+ | box-shadow: inset 1px 1px 1px 2px rgba(0, 0, 0, .3); | ||
+ | } | ||
+ | |||
+ | #div-navResized.pushed { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | #div-navResized.pushed a:hover { | ||
+ | opacity: .7; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | nav.pushed { | ||
+ | height: 100%; | ||
+ | } | ||
+ | |||
+ | body.pushed { | ||
+ | overflow-y: hidden; | ||
+ | } | ||
+ | |||
+ | nav img.pushed { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /* Hides nav bar when scrolling */ | ||
+ | .scrolled { | ||
+ | font-size: 10pt; | ||
+ | line-height: 20px; | ||
+ | } | ||
+ | |||
+ | /* animation when mouse is over Navbar */ | ||
+ | .hover { | ||
+ | font-size: 20pt; | ||
+ | line-height: 40px; | ||
+ | } | ||
+ | |||
+ | /* Images */ | ||
+ | |||
+ | /* Logo */ | ||
+ | #img-logo { | ||
+ | width: 260px; | ||
+ | float: left; | ||
+ | position: fixed; | ||
+ | margin-top: 4px; | ||
+ | margin-left: 65px; | ||
+ | opacity: 1.0; | ||
+ | } | ||
+ | |||
+ | /* More Icon */ | ||
+ | #img-more { | ||
+ | position: fixed; | ||
+ | display: none; | ||
+ | width: 50px; | ||
+ | height: 50px; | ||
+ | margin-right: 0px; | ||
+ | right: 15px; | ||
+ | z-index: 2; | ||
+ | margin-top: -83px; | ||
+ | } | ||
+ | |||
+ | /* Logo when more button is clicked */ | ||
+ | |||
+ | #img-logoResized { | ||
+ | width: 300px; | ||
+ | display: block; | ||
+ | margin-right: auto; | ||
+ | margin-left: auto; | ||
+ | margin-top: -160px; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | <script> $('#iGEM').css('display','block'); </script> | ||
+ | <script src="http://pixelcog.github.io/parallax.js/js/parallax.min.js"> | ||
+ | </script> | ||
</html> | </html> |
Revision as of 22:15, 26 September 2016
The interlab study measures the fluorescence of three different constructs with GFP as well as a positive and negative control. It attempts to standardize the fluorescence measurements by adjusting absorbance values when compared to blanks, reducing the amount of independent variables by controlling for concentration, and adjusting fluorescence values based on the standard curve of FITC. The goal of this study is to see how the observed fluorescence values compare across the iGEM community to see if the adjustments successfully standardize fluorescence measurements.
As a community of synthetic biologist, a key to the advancement of the field is collaboration among groups. For proper collaboration, we must be able to communicate our findings in ways that are concrete and well defined, making standards essential.
Tested Devices
Transform competent cells with Test Devices 1 - 3, positive control, and negative control provided and plate them overnight on chloramphenicol resistant plates.
- Test Device 1: J23101.B0034.E0040.B0015 in pSB1C3
- Test Device 2: J23106.B0034.E0040.B0015 in pSB1C3
- Test Device 3: J23117.B0034.E0040.B0015 in pSB1C3
- Positive Control Device: I20270 in pSB1C3
- Negative Control Device: R0040 in pSB1C3
Protocol
- Pick two colonies from each plate to inoculate and grow overnight.
- Calibrate the plate reader- Measure absorbance of LUDOX and water to find a corrected absorbance that can then be used to find a conversion factor for a standard OD600 measurement.
- Use FITC to create a standard fluorescence curve - Measure fluorescence of FITC at different concentrations to generate a curve of fluorescence over concentration.
- Measure OD600 of the overnight cultures and create dilutions to put them at an OD600 of 0.02.
- Incubate at 37 C and take 100ul samples every hour (from hours 0-6).
- Measure OD600 of all the samples and record.
Results
- Most samples grew exponentially, device 1 replicate 1 and device 1 replicate 2 seemed to have little growth.
- Negative control and device 3 did not show fluorescence. Positive control, device 1, and device 2 showed increases in fluorescence over time.
- The results show that fluorescence per unit of concentration remains relatively constant over time.