Difference between revisions of "Team:BostonU/InterLab"

(Prototype team page)
 
Line 1: Line 1:
−
{{BostonU}}
+
{{BU17_template_global}}
 +
{{BU17_template_menubar}}
 
<html>
 
<html>
−
 
+
<head>
−
 
+
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>
−
<div class="column full_size judges-will-not-evaluate">
+
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700|Roboto:400,900" rel="stylesheet">
−
<h3>★  ALERT! </h3>
+
<style>
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
+
#top_menu_inside ul li > a { /* RECOLORS IGEM MENU */
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
color: #a9a9a9 !important;
 +
}
 +
.menu-type {
 +
font-family: 'Roboto Condensed', sans-serif;
 +
letter-spacing: 5 pt !important;
 +
font-size: 14pt !important;
 +
text-align: center;
 +
text-decoration: none !important;
 +
text-transform: uppercase;
 +
font-weight: 700;
 +
-webkit-font-smoothing: antialiased;
 +
font-smoothing: antialiased;
 +
}
 +
.wide-heading-type {
 +
font-family: 'Roboto', sans-serif;
 +
font-size: 24pt !important;
 +
letter-spacing: 5pt !important;
 +
text-align: center;
 +
text-decoration: none !important;
 +
text-transform: uppercase;
 +
font-weight: bold;
 +
-webkit-font-smoothing: antialiased;
 +
font-smoothing: antialiased;
 +
}
 +
.body-type {
 +
font-family: 'Roboto', sans-serif;
 +
font-size: 16pt !important;
 +
text-decoration: none !important;
 +
line-height: 2;
 +
-webkit-font-smoothing: antialiased;
 +
font-smoothing: antialiased;
 +
}
 +
.caption-type {
 +
font-family: 'Roboto', sans-serif;
 +
font-size: 18pt !important;
 +
text-decoration: none !important;
 +
-webkit-font-smoothing: antialiased;
 +
font-smoothing: antialiased;
 +
}
 +
.inline-heading-type {
 +
font-family: 'Roboto', sans-serif !important;
 +
font-size: 20pt !important;
 +
font-weight: bold !important;
 +
text-decoration: none !important;
 +
line-height: 2 pt !important;
 +
-webkit-font-smoothing: antialiased;
 +
font-smoothing: antialiased;
 +
}
 +
.float-left {
 +
float: left !important;
 +
}
 +
.float-right {
 +
float: right !important;
 +
}
 +
.align-right {
 +
text-align: right !important;
 +
}
 +
.align-center {
 +
text-align: center !important;
 +
}
 +
.indented {
 +
text-indent: 80px;
 +
}
 +
.mainwrap {
 +
width: 90%;
 +
max-width: 960px;
 +
min-width: 360px;
 +
margin: 0 auto;
 +
top:0;
 +
display: none;
 +
}
 +
body {
 +
background-image: url("https://static.igem.org/mediawiki/2017/c/c1/T--BostonU--seaport.png");
 +
background-repeat: no-repeat;
 +
    background-attachment: fixed;
 +
-webkit-background-size: cover;
 +
-moz-background-size: cover;
 +
-o-background-size: cover;
 +
background-size: cover !important;
 +
}
 +
#backgroundimage1 {
 +
margin-top: -85px;
 +
background-image: url("#");
 +
background-repeat: no-repeat;
 +
    background-attachment: cover;
 +
-webkit-background-size: cover;
 +
-moz-background-size: cover;
 +
-o-background-size: cover;
 +
background-size: cover !important;
 +
height: 360px;
 +
width: 100%;
 +
align-content:center;
 +
text-align:center
 +
vertical-align:middle;
 +
}
 +
#backgroundimage1 p {
 +
top: 40%;
 +
color: #8C181B;
 +
position: relative;
 +
}
 +
.background-gradient-down {
 +
height: 360px;
 +
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefee+0,efefee+100&0+0,1+100 */
 +
background: -moz-linear-gradient(top, rgba(239,239,238,0) 0%, rgba(239,239,238,1) 100%); /* FF3.6-15 */
 +
background: -webkit-linear-gradient(top, rgba(239,239,238,0) 0%,rgba(239,239,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
 +
background: linear-gradient(to bottom, rgba(239,239,238,0) 0%,rgba(239,239,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 +
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00efefee', endColorstr='#efefee',GradientType=0 ); /* IE6-9 */
 +
}
 +
.background-gradient-up {
 +
height: 360px;
 +
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefee+0,efefee+100&1+0,0+100 */
 +
background: -moz-linear-gradient(top, rgba(239,239,238,1) 0%, rgba(239,239,238,0) 100%); /* FF3.6-15 */
 +
background: -webkit-linear-gradient(top, rgba(239,239,238,1) 0%,rgba(239,239,238,0) 100%); /* Chrome10-25,Safari5.1-6 */
 +
background: linear-gradient(to bottom, rgba(239,239,238,1) 0%,rgba(239,239,238,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 +
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefee', endColorstr='#00efefee',GradientType=0 ); /* IE6-9 */
 +
}
 +
.background-gradient-both {
 +
height: 360px;
 +
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefee+0,efefee+50,efefee+100&1+0,0+50,1+100 */
 +
background: -moz-linear-gradient(top, rgba(239,239,238,1) 0%, rgba(239,239,238,0) 50%, rgba(239,239,238,1) 100%); /* FF3.6-15 */
 +
background: -webkit-linear-gradient(top, rgba(239,239,238,1) 0%,rgba(239,239,238,0) 50%,rgba(239,239,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
 +
background: linear-gradient(to bottom, rgba(239,239,238,1) 0%,rgba(239,239,238,0) 50%,rgba(239,239,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 +
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefee', endColorstr='#efefee',GradientType=0 ); /* IE6-9 */
 +
}
 +
#panel1 {
 +
background: #EFEFEE;
 +
width: 100%;
 +
color: #1d1d1d;
 +
z-index: 1;
 +
}
 +
#backgroundimage2 {
 +
background-image: url("#");
 +
background-repeat: no-repeat;
 +
    background-attachment: cover;
 +
-webkit-background-size: cover;
 +
-moz-background-size: cover;
 +
-o-background-size: cover;
 +
background-size: cover !important;
 +
height: 360px;
 +
width: 100%;
 +
position: relative;
 +
}
 +
#backgroundimage2 p {
 +
top: 40%;
 +
color: #8C181B;
 +
}
 +
#protocol-accordion .ui-accordion-content  {
 +
background: #FFFFFF;
 +
color: #A9A9A9;
 +
border-radius: 20px;
 +
}
 +
#protocol-accordion .ui-accordion-content > * {
 +
  margin: 0;
 +
  padding: 40px;
 +
}
 +
.link-slideup {
 +
position: relative;
 +
overflow: hidden;
 +
-webkit-backface-visibility: hidden;
 +
backface-visibility: hidden;
 +
}
 +
.link-slideup a {
 +
position: relative;
 +
display: inline-block;
 +
outline: none;
 +
color: #D45B5C;
 +
vertical-align: bottom;
 +
text-decoration: none;
 +
white-space: nowrap;
 +
}
 +
.link-slideup a::before, .link-slideup a::after {
 +
pointer-events: none;
 +
-webkit-backface-visibility: hidden;
 +
backface-visibility: hidden;
 +
}
 +
.link-slideup a {
 +
overflow: hidden;
 +
font-weight: 500;
 +
}
 +
.link-slideup a::before {
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
z-index: -1;
 +
width: 100%;
 +
height: 100%;
 +
background-color: #A9A9A9;
 +
opacity: 1;
 +
content: '';
 +
-webkit-transition: -webkit-transform 0.2s;
 +
transition: transform 0.2s;
 +
-webkit-transform: translateY(95%);
 +
transform: translateY(95%);
 +
opacity: 0.3;
 +
}
 +
.link-slideup a:hover::before, .link-slideup a:focus::before {
 +
-webkit-transform: translateY(0);
 +
transform: translateY(0);
 +
}
 +
.figwrap {
 +
background: #FFFFFF;
 +
width: 80%;
 +
border-radius: 5pt;
 +
align-content:center;
 +
}
 +
.figwrap img {
 +
height: 500px;
 +
padding: 0 5%;
 +
}
 +
.figwrap p {
 +
padding: 0 5%;
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
<div id="backgroundimage1"><div class="background-gradient-down">
 +
  <p class="wide-heading-type mainwrap align-center">CONTRIBUTION TO THE INTERLAB STUDY</p>
 +
</div></div>
 +
<div id="panel1" class="link-slideup">
 +
  <p class="body-type mainwrap">Fluorescence measurements are difficult to standardize across labs because different methods and units are used to measure fluorescence. In an effort to standardize fluorescence measurements from Green Fluorescent Protein (GFP), one of the most commonly used marker proteins, iGEM has implemented the InterLab Study in order to provide protocols for users to generate absolute units for measuring GFP. This is the fourth year iGEM has done the <a href="#">InterLab Study.</a></p>
 +
  <p class="body-type mainwrap">&nbsp;</p>
 +
  <p class="body-type mainwrap">This year, iGEM is addressing this question: How close can the numbers be when fluorescence is measured all around the world? Parts from the iGEM InterLab Kit were transformed into competent E. coli DH5-alpha cells. Eight plasmids in total were transformed, including a Negative Control, a Positive Control, and six test devices.Their iGEM IDs are listed below. All measurements were made in a SpectraMax plate reader from a CoStar black clear bottom 96-well plate. </p>
 +
  <p class="body-type mainwrap">&nbsp;</p>
 +
  <section class="body-type mainwrap link-slideup">
 +
  <p class="body-type mainwrap">&#9642;    Positive Control (<a href="#">BBa_I20270</a>)</p>
 +
  <p class="body-type mainwrap">&#9642;    Negative Control (<a href="#">BBa_R0040</a>)</p>
 +
  <p class="body-type mainwrap">&#9642;    Test Device 1 (<a href="#">BBa_J364000</a>)</p>
 +
  <p class="body-type mainwrap">&#9642;    Test Device 2 (<a href="#">BBa_J364001</a>)</p>
 +
  <p class="body-type mainwrap">&#9642;    Test Device 3 (<a href="#">BBa_J364002</a>)</p>
 +
  <p class="body-type mainwrap">&#9642;    Test Device 4 (<a href="#">BBa_J364003</a>)</p>
 +
  <p class="body-type mainwrap">&#9642;    Test Device 5 (<a href="#">BBa_J364004</a>)</p>
 +
  <p class="body-type mainwrap">&#9642;    Test Device 6 (<a href="#">BBa_J364005</a>) </p>
 +
  <p class="body-type mainwrap">&nbsp;</p>
 +
  </section>
 +
  <p class="body-type mainwrap">Baseline OD measurements were made using LUDOX-S40. These measurements allow for conversion from absorbance at 600 nm to OD. Our conversion factor was determined to be 0.01275.</p>
 +
  <p class="body-type mainwrap">&nbsp;</p>
 +
  <p class="body-type mainwrap">A standard fluorescence curve was generated using serial dilutions of fluorescein. This allowed for correction of the measured fluorescence against standard fluorescein measurements. We ran into issues with generating the standard curve because even after adjusting the settings, the fluorescence from the two highest fluorescein concentrations saturated our plate reader. The following are the graphs generated based on the data we were able to collect. </p>
 +
  <p class="body-type mainwrap">&nbsp;</p>
 +
  <div class="figwrap mainwrap body-type">
 +
  <img src="https://static.igem.org/mediawiki/2017/0/01/T--BostonU--InterLabPlot1.png"></img>
 +
  <p class="body-type"><strong>Figure 1.</strong> Caption for figure. This figure includes the following information: Lorem ipsum, lorem ipsum, lorem, and ipsum. </p>
 +
  </div>
 +
  <p class="body-type mainwrap">&nbsp;</p>
 +
  <p class="body-type mainwrap">Finally, we were able to measure the fluorescence from the InterLab parts. The eight parts were rehydrated from Plate 6 from the Distribution Kit. They were transformed according to the provided protocols into DH5-alpha cells and plated on LB+chloramphenicol plates. Two colonies were picked from each plate and liquid cultured for 16 hours. The next day, the cultures were diluted to an absorbance at 600nm of approximately 0.02. 500 &mu;l from each culture were taken at 0, 2, 4, and 6 hours after dilution. The fluorescence and absorbance at 600nm were measured from these samples via the plate reader. The following graphs show time series for the corrected fluorescence from each curve, with colony 1 shown as solid lines and colony 2 shown as dashed lines. A bar graph showing the maximum fluorescence from each colony is also shown below. </p>
 +
  <p class="body-type mainwrap">&nbsp;</p>
 +
  <div class="figwrap mainwrap body-type">
 +
  <img src="https://static.igem.org/mediawiki/2017/0/01/T--BostonU--InterLabPlot1.png"></img>
 +
  <p class="body-type"><strong>Figure 1.</strong> Caption for figure. This figure includes the following information: Lorem ipsum, lorem ipsum, lorem, and ipsum. </p>
 +
  </div>
 +
  <p class="body-type mainwrap">&nbsp;</p>
 +
  <p class="body-type mainwrap">&nbsp;</p>
 
</div>
 
</div>
−
<div class="clear"></div>
+
<div id="backgroundimage2"><div class="background-gradient-up">
−
 
+
</div></div>
−
<div class="column full_size">
+
<script> /* THIS MAKES ANY WRAPPED ELEMENT ON THE PAGE FADE IN */
−
<h1>InterLab</h1>
+
$(document).ready(function () {
−
<h3>Bronze Medal Criterion #4</h3>
+
    $('.mainwrap').fadeIn(1000);
−
<p><b>Standard Tracks:</b> Participate in the Interlab Measurement Study and/or improve the characterization of an existing BioBrick Part or Device and enter this information on that part's Main Page in the Registry. The part that you are characterizing must NOT be from a 2017 part number range.
+
});
−
<br><br>
+
</script>
−
For teams participating in the <a href="https://2017.igem.org/Competition/InterLab_Study">InterLab study</a>, all work must be shown on this page.  
+
</body>
−
 
+
−
</p>
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
 
</html>
 
</html>

Revision as of 19:11, 25 October 2017

CONTRIBUTION TO THE INTERLAB STUDY