Difference between revisions of "Team:Chalmers-Gothenburg/InterLab"

 
(12 intermediate revisions by the same user not shown)
Line 24: Line 24:
 
body {  
 
body {  
 
   background-color: #e6e6e6;
 
   background-color: #e6e6e6;
+
 
  background: -webkit-linear-gradient(left, rgba(1,0,0,0.2), rgba(1,0,0,0.05), rgba(1,0,0,0.2)) !important; /* For Safari 5.1 to 6.0 */
+
  background: -o-linear-gradient(right, rgba(1,0,0,0.2), rgba(1,0,0,0.05), rgba(1,0,0,0.2)) !important; /* For Opera 11.1 to 12.0 */
+
  background: -moz-linear-gradient(right, rgba(1,0,0,0.2), rgba(1,0,0,0.05), rgba(1,0,0,0.2)) !important; /* For Firefox 3.6 to 15 */
+
  background: linear-gradient(to right, rgba(1,0,0,0.2), rgba(1,0,0,0.05), rgba(1,0,0,0.2)) !important; /* Standard syntax (must be last) */
+
 
   font-family:'Lato', sans-serif;
 
   font-family:'Lato', sans-serif;
 
}
 
}
Line 208: Line 204:
 
top: 0;
 
top: 0;
 
   width: 100%;
 
   width: 100%;
   /*min-width: 1440px; Makes the navbar too big for smaller screens. Keep muted if possible*/
+
   min-width: 1440px;
 
   z-index:9999;
 
   z-index:9999;
 
   -webkit-touch-callout: none;
 
   -webkit-touch-callout: none;
Line 434: Line 430:
  
 
width: cover;
 
width: cover;
 +
  min-width:1440px;
 
   text-align: center;
 
   text-align: center;
 
   margin: auto;
 
   margin: auto;
Line 439: Line 436:
 
 
 
background:#e6e6e6;   
 
background:#e6e6e6;   
  background: -webkit-linear-gradient(left, rgba(1,0,0,0.2), rgba(1,0,0,0.05), rgba(1,0,0,0.2)) !important; /* For Safari 5.1 to 6.0 */
 
  background: -o-linear-gradient(right, rgba(1,0,0,0.2), rgba(1,0,0,0.05), rgba(1,0,0,0.2)) !important; /* For Opera 11.1 to 12.0 */
 
  background: -moz-linear-gradient(right, rgba(1,0,0,0.2), rgba(1,0,0,0.05), rgba(1,0,0,0.2)) !important; /* For Firefox 3.6 to 15 */
 
  background: linear-gradient(to right, rgba(1,0,0,0.2), rgba(1,0,0,0.05), rgba(1,0,0,0.2)) !important; /* Standard syntax (must be last) */
 
 
}
 
}
  
Line 483: Line 476:
 
border-style: none none dashed dashed;
 
border-style: none none dashed dashed;
 
border-width:5px;
 
border-width:5px;
border-color:#808080;
+
border-color:#7e1002;
 
padding-left:50px;
 
padding-left:50px;
 
padding-right:50px;
 
padding-right:50px;
Line 495: Line 488:
 
border-style: none none dashed dashed;
 
border-style: none none dashed dashed;
 
border-width:5px;
 
border-width:5px;
border-color:#808080;
+
border-color:#7e1002;
 
padding:50px;
 
padding:50px;
 
}
 
}
Line 503: Line 496:
 
border-style: none dashed dashed none;
 
border-style: none dashed dashed none;
 
border-width:5px;
 
border-width:5px;
border-color:#808080;
+
border-color:#7e1002;
 
padding:50px;
 
padding:50px;
 
}
 
}
Line 511: Line 504:
 
border-style: none dashed none none;
 
border-style: none dashed none none;
 
border-width:5px;
 
border-width:5px;
border-color:#808080;
+
border-color:#7e1002;
 
padding:50px;
 
padding:50px;
 
}
 
}
Line 519: Line 512:
 
border-style: none none none dashed;
 
border-style: none none none dashed;
 
border-width:5px;
 
border-width:5px;
border-color:#808080;
+
border-color:#7e1002;
 
padding:50px;
 
padding:50px;
 
}
 
}
 
 
  
 
/*----------------------------Side navigation bar-------------------------------*/
 
/*----------------------------Side navigation bar-------------------------------*/
Line 554: Line 545:
 
     text-align: left;
 
     text-align: left;
 
     text-decoration: none;
 
     text-decoration: none;
background: #e6e6e6;
+
background: #f2f2f2;
 
font-size:12pt !important;
 
font-size:12pt !important;
 
}
 
}
Line 685: Line 676:
 
}
 
}
  
/*.header is the class used in the header image at the top of pages*/
+
.header_test {
.header {
+
background-position: top;
  font-size: 45pt;
+
background-attachment: fixed;
  color: black;
+
background-repeat: no-repeat;
  text-align: center;
+
-webkit-background-size: cover;
  background-color: #000000;
+
-moz-background-size: cover;
  background-repeat: repeat;
+
-o-background-size: cover;
  height: auto;
+
background-size: cover;
  line-height: 130px;
+
        padding-top: 100vh;
+
        background-image: url("https://static.igem.org/mediawiki/2017/8/8e/T--Chalmers-Gothenburg--Achievements_Interlab.jpg");
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
+
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
+
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
+
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
+
  border-image-slice: 1;
+
  -webkit-touch-callout: none;
+
  -webkit-user-select: none;
+
  -khtml-user-select: none;
+
  -moz-user-select: none;
+
  -ms-user-select: none;
+
  user-select: none;
+
  cursor: default;
+
  }
+
  
.header_Modelling {
+
  /*A lot of code for the line between the header and the body */
  font-size: 45pt;
+
border-bottom: 3px solid transparent;
  color: black;
+
  text-align: center;
+
position:bottom;
+
  background-image: url("pictures_17/backgrounds/chalkboard_2.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
+
/* min-height: 500px;*/
+
 
+
  background-attachment: fixed;
+
  background-position: center;
+
  background-repeat: no-repeat;
+
  background-size: cover;
+
background-color:#000000;
+
+
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
+
 
   -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
 
   -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
 
   -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
 
   -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
Line 737: Line 702:
 
}
 
}
  
.header_Achievements_biobricks {
 
  font-size: 45pt;
 
  color: black;
 
  text-align: center;
 
position:bottom;
 
  background-image: url("pictures_17/backgrounds/bricks.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
 
/*  min-height: 500px;*/
 
  
  background-attachment: fixed;
+
/* Banner: name of the page */
  background-position: center;
+
#banner {
  background-repeat: no-repeat;
+
height: 100%;
  background-size: cover;
+
        position: relative;
background-color:#000000;
+
        bottom: 50px;
+
    float: left;
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
+
    width: 100%;
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
+
        font-size: 80pt; /*35pt*/
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
+
font-family:"Lato", cursive;
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
+
        color:#c91a03 ;
  border-image-slice: 1;
+
line-height: 65pt;
  -webkit-touch-callout: none;
+
        text-shadow: 5px 5px #000000;
  -webkit-user-select: none;
+
  -khtml-user-select: none;
+
  -moz-user-select: none;
+
  -ms-user-select: none;
+
  user-select: none;
+
  cursor: default;
+
 
}
 
}
  
.header_Project_theory {
+
#banner h3 {
  font-size: 45pt;
+
display: block;
  color: black;
+
position: absolute;
  text-align: center;
+
bottom: 50px;
position:bottom;
+
left: 200px;
  background-image: url("pictures_17/backgrounds/pen_paper.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
+
        font-size: 80pt; /*35pt*/
/* min-height: 500px;*/
+
font-family:"Lato", cursive;
 +
        color:#c91a03 ;
 +
line-height: 65pt;
 +
        text-shadow: 5px 5px #000000;
 +
        /*border-style:dashed;*/
 +
padding: 20px 20px 20px 20px;
  
  background-attachment: fixed;
 
  background-position: center;
 
  background-repeat: no-repeat;
 
  background-size: cover;
 
background-color:#000000;
 
 
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
 
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
 
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
 
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
 
  border-image-slice: 1;
 
  -webkit-touch-callout: none;
 
  -webkit-user-select: none;
 
  -khtml-user-select: none;
 
  -moz-user-select: none;
 
  -ms-user-select: none;
 
  user-select: none;
 
  cursor: default;
 
 
}
 
}
  
.header_Project_constructs {
+
#banner h4 {
  font-size: 45pt;
+
display: block;
  color: black;
+
position: absolute;
  text-align: center;
+
bottom: -40px;
position:bottom;
+
left: 200px;
  background-image: url("pictures_17/backgrounds/DNA.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
+
        font-size: 40pt; /*35pt*/
/*  min-height: 500px;*/
+
font-family:"Lato", cursive;
 
+
        color:#c91a03 ;
  background-attachment: fixed;
+
line-height: 65pt;
  background-position: center;
+
        text-shadow: 3px 3px #000000;
  background-repeat: no-repeat;
+
        /*border-style:dashed;*/
  background-size: cover;
+
padding: 20px 20px 20px 20px;
background-color:#000000;
+
+
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
+
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
+
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
+
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
+
  border-image-slice: 1;
+
  -webkit-touch-callout: none;
+
  -webkit-user-select: none;
+
  -khtml-user-select: none;
+
  -moz-user-select: none;
+
  -ms-user-select: none;
+
  user-select: none;
+
  cursor: default;
+
 
}
 
}
 
.header_Team_students {
 
  font-size: 45pt;
 
  color: black;
 
  text-align: center;
 
position:bottom;
 
  background-image: url("pictures_17/team_photos_2017/group_photo_stairs_bw.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
 
/*  min-height: 500px;*/
 
 
  background-attachment: fixed;
 
  background-position: center;
 
  background-repeat: no-repeat;
 
  background-size: cover;
 
background-color:#000000;
 
 
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
 
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
 
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
 
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
 
  border-image-slice: 1;
 
  -webkit-touch-callout: none;
 
  -webkit-user-select: none;
 
  -khtml-user-select: none;
 
  -moz-user-select: none;
 
  -ms-user-select: none;
 
  user-select: none;
 
  cursor: default;
 
}
 
 
.header_Team_supervisors {
 
  font-size: 45pt;
 
  color: black;
 
  text-align: center;
 
position:bottom;
 
  background-image: url("pictures_17/backgrounds/Chemistry_entrance_bw.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
 
/*  min-height: 500px;*/
 
 
  background-attachment: fixed;
 
  background-position: center;
 
  background-repeat: no-repeat;
 
  background-size: cover;
 
background-color:#000000;
 
 
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
 
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
 
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
 
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
 
  border-image-slice: 1;
 
  -webkit-touch-callout: none;
 
  -webkit-user-select: none;
 
  -khtml-user-select: none;
 
  -moz-user-select: none;
 
  -ms-user-select: none;
 
  user-select: none;
 
  cursor: default;
 
}
 
 
.header_Team_sponsors {
 
  font-size: 45pt;
 
  color: black;
 
  text-align: center;
 
position:bottom;
 
  background-image: url("pictures_17/backgrounds/money_bw.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
 
/*  min-height: 500px;*/
 
 
  background-attachment: fixed;
 
  background-position: center;
 
  background-repeat: no-repeat;
 
  background-size: cover;
 
background-color:#000000;
 
 
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
 
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
 
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
 
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
 
  border-image-slice: 1;
 
  -webkit-touch-callout: none;
 
  -webkit-user-select: none;
 
  -khtml-user-select: none;
 
  -moz-user-select: none;
 
  -ms-user-select: none;
 
  user-select: none;
 
  cursor: default;
 
}
 
 
.header_Team_collaborations {
 
  font-size: 45pt;
 
  color: black;
 
  text-align: center;
 
position:bottom;
 
  background-image: url("pictures_17/backgrounds/shaking_hands_darker.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
 
/*  min-height: 500px;*/
 
 
  background-attachment: fixed;
 
  background-position: center;
 
  background-repeat: no-repeat;
 
  background-size: cover;
 
background-color:#000000;
 
 
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
 
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
 
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
 
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
 
  border-image-slice: 1;
 
  -webkit-touch-callout: none;
 
  -webkit-user-select: none;
 
  -khtml-user-select: none;
 
  -moz-user-select: none;
 
  -ms-user-select: none;
 
  user-select: none;
 
  cursor: default;
 
}
 
 
.header_Team_attributions {
 
  font-size: 45pt;
 
  color: black;
 
  text-align: center;
 
position:bottom;
 
  background-image: url("pictures_17/backgrounds/Chalmers_port_4.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
 
/*  min-height: 500px;*/
 
 
  background-attachment: fixed;
 
  background-position: center;
 
  background-repeat: no-repeat;
 
  background-size: cover;
 
background-color:#000000;
 
 
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
 
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
 
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
 
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
 
  border-image-slice: 1;
 
  -webkit-touch-callout: none;
 
  -webkit-user-select: none;
 
  -khtml-user-select: none;
 
  -moz-user-select: none;
 
  -ms-user-select: none;
 
  user-select: none;
 
  cursor: default;
 
}
 
 
.header_Notebook_journal {
 
  font-size: 45pt;
 
  color: black;
 
  text-align: center;
 
position:bottom;
 
  background-image: url("pictures_17/backgrounds/Notebook.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
 
/*  min-height: 500px;*/
 
 
  background-attachment: fixed;
 
  background-position: center;
 
  background-repeat: no-repeat;
 
  background-size: cover;
 
background-color:#000000;
 
 
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
 
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
 
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
 
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
 
  border-image-slice: 1;
 
  -webkit-touch-callout: none;
 
  -webkit-user-select: none;
 
  -khtml-user-select: none;
 
  -moz-user-select: none;
 
  -ms-user-select: none;
 
  user-select: none;
 
  cursor: default;
 
}
 
 
.header_Notebook_lab_safety {
 
  font-size: 45pt;
 
  color: black;
 
  text-align: center;
 
position:bottom;
 
  background-image: url("pictures_17/backgrounds/T--Chalmers-Gothenburg--Safety_form_Fume_hood.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
 
/*  min-height: 500px;*/
 
 
  background-attachment: fixed;
 
  background-position: center;
 
  background-repeat: no-repeat;
 
  background-size: cover;
 
background-color:#000000;
 
 
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
 
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
 
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
 
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
 
  border-image-slice: 1;
 
  -webkit-touch-callout: none;
 
  -webkit-user-select: none;
 
  -khtml-user-select: none;
 
  -moz-user-select: none;
 
  -ms-user-select: none;
 
  user-select: none;
 
  cursor: default;
 
}
 
 
 
.header-text {
 
.header-text {
 
   background-color: transparent;
 
   background-color: transparent;
Line 1,023: Line 751:
 
   color:#c91a03 ;
 
   color:#c91a03 ;
 
line-height: 65pt;
 
line-height: 65pt;
   padding-top: 35%;
+
   padding-top: 30%;
 
font-weight: bold;
 
font-weight: bold;
 
text-align:left;
 
text-align:left;
Line 1,149: Line 877:
 
}
 
}
  
 +
.figure-caption {
 +
    display: table-caption;
 +
    caption-side: bottom; 
 +
}
 +
 +
.table-caption {
 +
    display: table-caption;
 +
    caption-side: top;   
 +
  color: black;
 +
  font-size: 11pt;
 +
  text-align: justify;
 +
  padding-left: 0px;
 +
  padding-right:0px;
 +
margin-left:0px;
 +
margin-right:0px;
 +
}
 +
 +
th {
 +
    text-align: center;
 +
}
 +
 +
figure {
 +
  display:table;
 +
  text-align:center;
 +
  margin: auto;
 +
  margin-bottom: 25px;
 +
  margin-top: 25px;
 +
}
 +
 +
/*---Reference List---*/
 +
 +
.reference_list {
 +
    text-align: left;
 +
    font-size:10pt; !important
 +
}
 +
 +
.reference_list ul {
 +
    list-style-type: none;
 +
    list-style-image: none;
 +
}
 +
 +
.reference_list li {
 +
    padding-bottom: 10px;
 +
}
  
 
/*--------------Links in text and lists are red when hovered------------------*/
 
/*--------------Links in text and lists are red when hovered------------------*/
Line 1,512: Line 1,284:
 
       <nav><!--Used to apply a sticky class, so that the position can be changed to fixed-->
 
       <nav><!--Used to apply a sticky class, so that the position can be changed to fixed-->
 
         <ul class="header_navbar_ul">
 
         <ul class="header_navbar_ul">
           <li id="header_navbar_home"><a href="https://2017.igem.org/Team:Chalmers-Gothenburg" id="home_link"> Home <i class="fa fa-home" style="font-size:24px"></i> </a></li>
+
           <li id="header_navbar_home"><a href="https://2017.igem.org/Team:Chalmers-Gothenburg" id="home_link"> Home </a></li>
 
            
 
            
 
           <li class="dropdown">
 
           <li class="dropdown">
Line 1,536: Line 1,308:
 
             <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Project/constructs">Constructs</a>
 
             <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Project/constructs">Constructs</a>
 
             <hr>
 
             <hr>
             <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Model">Mathematical modelling</a>
+
             <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Model">Mathematical modeling</a>
 
             </div>
 
             </div>
 
           </li>
 
           </li>
Line 1,543: Line 1,315:
 
           <a id="HP_link">Human Practices</a>  <!--href="HP_intro.html" id="HP_link"-->
 
           <a id="HP_link">Human Practices</a>  <!--href="HP_intro.html" id="HP_link"-->
 
             <div class="dropdown-content">
 
             <div class="dropdown-content">
             <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/HP/Silver">Human practises</a>
+
             <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/HP/Silver">Human practices</a>
 
               <hr>
 
               <hr>
               <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/HP/Gold_Integrated">Integrated Human practises</a>
+
               <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/HP/Gold_Integrated">Integrated human practices</a>
 
             </div>
 
             </div>
 
           </li>
 
           </li>
Line 1,554: Line 1,326:
 
             <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Results">Project results</a>
 
             <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Results">Project results</a>
 
             <hr>
 
             <hr>
             <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Parts">BioBricks</a>
+
             <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Parts">Biobricks</a>
 
               <hr>
 
               <hr>
 
               <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/InterLab">Interlab study</a>
 
               <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/InterLab">Interlab study</a>
 
               <hr>
 
               <hr>
               <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Achievements/medal">Medals</a>
+
               <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Achievements/medal">Accomplishments</a>
 
             </div>
 
             </div>
 
           </li>
 
           </li>
Line 1,574: Line 1,346:
 
            
 
            
 
           <!--facebook, instagram and twitter icon-->
 
           <!--facebook, instagram and twitter icon-->
           <li id="header_navbar_home"><a href="https://sv-se.facebook.com/chalmersigem/" id="fb"><i class="fa fa-facebook-square" style="font-size:24px"></i> </a></li>
+
           <li id="header_navbar_home"><a href="https://sv-se.facebook.com/chalmersigem/" id="fb" target="_blank"><i class="fa fa-facebook-square" style="font-size:24px"></i> </a></li>
           <li id="header_navbar_home"><a href="https://www.instagram.com/chalmersigem/" id="instagram"><i class="fa fa-instagram" style="font-size:24px"></i> </a></li>
+
           <li id="header_navbar_home"><a href="https://www.instagram.com/chalmersigem/" id="instagram" target="_blank"><i class="fa fa-instagram" style="font-size:24px"></i> </a></li>
           <li id="header_navbar_home"><a href="https://twitter.com/igemchalmers" id="twitter"><i class="fa fa-twitter" style="font-size:24px"></i> </a></li>
+
           <li id="header_navbar_home"><a href="https://twitter.com/igemchalmers" id="twitter" target="_blank"><i class="fa fa-twitter" style="font-size:24px"></i> </a></li>
  
 
            
 
            
Line 1,589: Line 1,361:
 
     <div class="wrap"><!-- To limit the width of the site-->
 
     <div class="wrap"><!-- To limit the width of the site-->
  
         
 
        <div class="header_Project_theory">
 
    <div class="header-text">Achievements</div>
 
    <div class="header-subtitle">Interlab Study</div>
 
    </div>
 
   
 
  
   
+
        <div class="header_test">
     
+
  <!-- Banner -->
 +
    <div id="banner">
 +
            <h3>Interlab study</h3>
 +
            </div>
 +
        </div>
 
        
 
        
 
   <!--This is the side navigation bar-->
 
   <!--This is the side navigation bar-->
Line 1,604: Line 1,374:
 
           <nav>
 
           <nav>
 
             <a href="#intro" class="active">Introduction</a>
 
             <a href="#intro" class="active">Introduction</a>
             <a href="#background">Title 1</a>
+
             <a href="#results">Results</a>
             <a href="#biosensor">Title2</a>
+
             <a class="sub-level" href="#ODref">OD reference point</a>
             <a class="sub-level" href="#signal">Subtitle 1</a>
+
            <a class="sub-level" href="#fluorescein">Fluorescein Standard Curve</a>
 +
            <a class="sub-level" href="#fluorescein_log">Fluorescein Standard Curve (log scale)</a>
 +
            <a class="sub-level" href="#OD_m">OD measurements</a>
 +
             <a class="sub-level" href="#fluorescence_m">Fluorescence measurements</a>
 
           </nav>
 
           </nav>
 
         </div>
 
         </div>
Line 1,615: Line 1,388:
 
          
 
          
 
          
 
          
        <div class="target" id="intro">
+
 
 
         <div class="dashed_line_left_first">
 
         <div class="dashed_line_left_first">
 +
        <div class="target" id="intro">
 
           <h4 class="subtitle">Introduction</h4>
 
           <h4 class="subtitle">Introduction</h4>
           
 
 
         <p class="text">
 
         <p class="text">
Pellentesque habitant morbi tristique senectus
+
The Interlab study aims to improve the tools for measurements that are available in both the iGEM community but also the whole synthetic biology community. One of the biggest challenges in synthetic biology is the fluorescence data that is often hard to compare since it is reported in different units or that the data is processed in different ways. The goal of the InterLab study is to address this issue by providing researchers with a detailed protocol and data analysis form for measuring GFP in a plate reader. This is done by comparing results obtained by various iGEM teams in order to quantify the expression of different constructs with fluorescence, both with a positive and a negative control.
        et netus et malesuada fames ac turpis egestas. Sed consequat
+
        mattis interdum. Aliquam et velit fermentum velit imperdiet
+
        rhoncus. Donec accumsan molestie ornare. Duis eu odio in tortor
+
        ullamcorper aliquam. Vivamus molestie fermentum urna, vitae
+
        commodo mauris consequat in. Curabitur porttitor pulvinar purus,
+
        ut varius nibh tempus id. Nulla dictum lectus ut erat condimentum,
+
        sit amet euismod nibh eleifend. Maecenas molestie efficitur urna
+
        vel semper. Nullam in turpis eleifend, venenatis ex tincidunt,
+
        tristique sapien. Suspendisse eget facilisis dolor. Integer congue
+
        nisi eu magna consectetur, a bibendum nibh accumsan. Vivamus
+
        fermentum metus id lectus porttitor congue. Pellentesque habitant morbi
+
        tristique senectus et netus et malesuada fames ac turpis egestas. Nulla
+
        metus quam, dapibus ac volutpat ut, dapibus sit amet felis.
+
 
         </p>
 
         </p>
          </div>
 
        </div>
 
       
 
       
 
        <div class="target" id="background">
 
        <div class="dashed_line_right"> 
 
        <h4 class="sidetitle">Title 1</h4>
 
 
         <p class="text">
 
         <p class="text">
        Pellentesque habitant morbi tristique senectus
+
In the iGEM interlab study of 2017, 6 different fluorescent protein expression plasmids were tested; J364000, J364001, J364002, J364003, J364004, J364005, a positive I20270, and a negative R0040 control plasmid. The plasmids were transformed into DH5α <i>E.coli</i> with the team’s own transformation protocol. All of the fluorescence devices that were tested were in the pSB1C3 plasmid backbone and the transformed <i>E.coli</i> were streaked and cultured on/in LB+chloramphenicol. To measure the difference in expression of fluorescence by the different plasmids, a plate reader that both measured the absorbance and fluorescence intensity was used.
        et netus et malesuada fames ac turpis egestas. Sed consequat
+
        mattis interdum. Aliquam et velit fermentum velit imperdiet
+
        rhoncus. Donec accumsan molestie ornare. Duis eu odio in tortor
+
        ullamcorper aliquam. Vivamus molestie fermentum urna, vitae
+
        commodo mauris consequat in. Curabitur porttitor pulvinar purus,
+
        ut varius nibh tempus id. Nulla dictum lectus ut erat condimentum,  
+
        sit amet euismod nibh eleifend. Maecenas molestie efficitur urna
+
        vel semper. Nullam in turpis eleifend, venenatis ex tincidunt,  
+
        tristique sapien. Suspendisse eget facilisis dolor. Integer congue
+
        nisi eu magna consectetur, a bibendum nibh accumsan. Vivamus
+
        fermentum metus id lectus porttitor congue. Pellentesque habitant morbi
+
        tristique senectus et netus et malesuada fames ac turpis egestas. Nulla
+
        metus quam, dapibus ac volutpat ut, dapibus sit amet felis.           </p>
+
          </div>
+
      <div class="dashed_line_left">  
+
          <p class="text">
+
Pellentesque habitant morbi tristique senectus
+
        et netus et malesuada fames ac turpis egestas. Sed consequat
+
        mattis interdum. Aliquam et velit fermentum velit imperdiet
+
        rhoncus. Donec accumsan molestie ornare. Duis eu odio in tortor
+
        ullamcorper aliquam. Vivamus molestie fermentum urna, vitae
+
        commodo mauris consequat in. Curabitur porttitor pulvinar purus,
+
        ut varius nibh tempus id. Nulla dictum lectus ut erat condimentum,
+
        sit amet euismod nibh eleifend. Maecenas molestie efficitur urna
+
        vel semper. Nullam in turpis eleifend, venenatis ex tincidunt,
+
        tristique sapien. Suspendisse eget facilisis dolor. Integer congue
+
        nisi eu magna consectetur, a bibendum nibh accumsan. Vivamus
+
        fermentum metus id lectus porttitor congue. Pellentesque habitant morbi
+
        tristique senectus et netus et malesuada fames ac turpis egestas. Nulla
+
        metus quam, dapibus ac volutpat ut, dapibus sit amet felis.
+
 
         </p>
 
         </p>
        <p class="text">
+
          </div>
Pellentesque habitant morbi tristique senectus
+
        et netus et malesuada fames ac turpis egestas. Sed consequat
+
        mattis interdum. Aliquam et velit fermentum velit imperdiet
+
        rhoncus. Donec accumsan molestie ornare. Duis eu odio in tortor
+
        ullamcorper aliquam. Vivamus molestie fermentum urna, vitae
+
        commodo mauris consequat in. Curabitur porttitor pulvinar purus,
+
        ut varius nibh tempus id. Nulla dictum lectus ut erat condimentum,
+
        sit amet euismod nibh eleifend. Maecenas molestie efficitur urna
+
        vel semper. Nullam in turpis eleifend, venenatis ex tincidunt,
+
        tristique sapien. Suspendisse eget facilisis dolor. Integer congue
+
        nisi eu magna consectetur, a bibendum nibh accumsan. Vivamus
+
        fermentum metus id lectus porttitor congue. Pellentesque habitant morbi
+
        tristique senectus et netus et malesuada fames ac turpis egestas. Nulla
+
        metus quam, dapibus ac volutpat ut, dapibus sit amet felis.
+
        </div>
+
      <div class="dashed_line_right"> 
+
        </p>
+
        <p class="text">
+
Pellentesque habitant morbi tristique senectus
+
        et netus et malesuada fames ac turpis egestas. Sed consequat
+
        mattis interdum. Aliquam et velit fermentum velit imperdiet
+
        rhoncus. Donec accumsan molestie ornare. Duis eu odio in tortor
+
        ullamcorper aliquam. Vivamus molestie fermentum urna, vitae
+
        commodo mauris consequat in. Curabitur porttitor pulvinar purus,
+
        ut varius nibh tempus id. Nulla dictum lectus ut erat condimentum,
+
        sit amet euismod nibh eleifend. Maecenas molestie efficitur urna
+
        vel semper. Nullam in turpis eleifend, venenatis ex tincidunt,
+
        tristique sapien. Suspendisse eget facilisis dolor. Integer congue
+
        nisi eu magna consectetur, a bibendum nibh accumsan. Vivamus
+
        fermentum metus id lectus porttitor congue. Pellentesque habitant morbi
+
        tristique senectus et netus et malesuada fames ac turpis egestas. Nulla
+
        metus quam, dapibus ac volutpat ut, dapibus sit amet felis.
+
        </p>
+
        </div>
+
 
         </div>
 
         </div>
       
+
        <div class="dashed_line_right">        
        <div class="target" id="biosensor">
+
         <div class="target" id="results">
         <div class="dashed_line_left">
+
           <h4 class="subtitle">Results</h4>
           <h4 class="sidetitle">Title 2</h4>
+
 
         <p class="text">
 
         <p class="text">
Pellentesque habitant morbi tristique senectus
+
The results from the measurements are shown below. First the results for the OD reference point and the fluorescein standard curve is shown. After that the results from the main experiments is presented.  
        et netus et malesuada fames ac turpis egestas. Sed consequat
+
        mattis interdum. Aliquam et velit fermentum velit imperdiet
+
        rhoncus. Donec accumsan molestie ornare. Duis eu odio in tortor
+
        ullamcorper aliquam. Vivamus molestie fermentum urna, vitae
+
        commodo mauris consequat in. Curabitur porttitor pulvinar purus,
+
        ut varius nibh tempus id. Nulla dictum lectus ut erat condimentum,
+
        sit amet euismod nibh eleifend. Maecenas molestie efficitur urna
+
        vel semper. Nullam in turpis eleifend, venenatis ex tincidunt,
+
        tristique sapien. Suspendisse eget facilisis dolor. Integer congue
+
        nisi eu magna consectetur, a bibendum nibh accumsan. Vivamus
+
        fermentum metus id lectus porttitor congue. Pellentesque habitant morbi
+
        tristique senectus et netus et malesuada fames ac turpis egestas. Nulla
+
        metus quam, dapibus ac volutpat ut, dapibus sit amet felis.
+
 
         </p>
 
         </p>
          </div>
 
           
 
 
         </div>
 
         </div>
       
+
 
         <div class="target" id="signal">
+
         <div class="target" id="ODref">
        <div class="dashed_line_right_last">
+
           <h2 class="h2style">OD reference point</h2>  
           <h2 class="h2style">Subtitle 1</h2>  
+
 
           <p class="text">
 
           <p class="text">
Pellentesque habitant morbi tristique senectus
+
The OD at wavelength 600nm was measured for LUDOX-HS40 and water to get OD reference point for the following OD measurements, see Table 1.
        et netus et malesuada fames ac turpis egestas. Sed consequat
+
        mattis interdum. Aliquam et velit fermentum velit imperdiet
+
        rhoncus. Donec accumsan molestie ornare. Duis eu odio in tortor
+
        ullamcorper aliquam. Vivamus molestie fermentum urna, vitae
+
        commodo mauris consequat in. Curabitur porttitor pulvinar purus,
+
        ut varius nibh tempus id. Nulla dictum lectus ut erat condimentum,
+
        sit amet euismod nibh eleifend. Maecenas molestie efficitur urna
+
        vel semper. Nullam in turpis eleifend, venenatis ex tincidunt,
+
        tristique sapien. Suspendisse eget facilisis dolor. Integer congue
+
        nisi eu magna consectetur, a bibendum nibh accumsan. Vivamus
+
        fermentum metus id lectus porttitor congue. Pellentesque habitant morbi
+
        tristique senectus et netus et malesuada fames ac turpis egestas. Nulla
+
        metus quam, dapibus ac volutpat ut, dapibus sit amet felis.
+
 
           </p>
 
           </p>
 +
 +
          <figure>
 +
            <figcaption class="table-caption"><b>Table 1.</b> OD measurements of LUDOX-HS40 and water. </figcaption>
 +
            <table>
 +
                <tr>
 +
                  <th></th> <th>LUDOX-HS40</th>  <th>H<sub>2</sub>O</th>
 +
                </tr>
 +
                <tr>
 +
                    <td>Replicate 1</td> <td>0,031</td> <td>0,022</td>
 +
                </tr>
 +
                <tr>
 +
                    <td>Replicate 2</td> <td>0,030</td> <td>0,023</td>
 +
                </tr>
 +
                <tr>
 +
                    <td>Replicate 3</td> <td>0,034</td> <td>0,024</td>
 +
                </tr>
 +
                <tr>
 +
                    <td>Replicate 4</td> <td>0,032</td> <td>0,024</td>
 +
                </tr>
 +
                <tr>
 +
                    <td>Arith. Mean</td> <td>0,032</td> <td>0,023</td>
 +
                </tr>
 +
                <tr>
 +
                    <td> Corrected Abs600</td> <td>0,009</td> <td></td>
 +
                </tr>
 +
                <tr>
 +
                    <td> Reference OD600</td> <td>0,043</td> <td></td>
 +
                </tr>
 +
                <tr>
 +
                    <td> OD600/Abs600</td> <td>5</td> <td></td>
 +
                </tr>
 +
            </table>
 +
          </figure>
 +
 
             </div>
 
             </div>
 
         </div>  
 
         </div>  
 
          
 
          
 +
        <div class="target" id="fluorescein">
 +
        <div class="dashed_line_left">
 +
          <h2 class="h2style">Fluorescein Standard Curve</h2>
 +
          <p class="text">
 +
Different concentrations of fluorescein was measured with four replications in order to be able to relate the GFP expression to a concentration for the following fluorescence measurements in the main experiment. Below the standard curve of the measured values can be seen, both with the actual values and logarithmed.
 +
          </p>
 +
<figure>
 +
<img src="https://static.igem.org/mediawiki/2017/e/e0/T--Chalmers-Gothenburg--Fluorescein_Standard_Curve_gray.png" alt="Fluorescein standrad curve" style="height:296px; width:464px;">
 +
<figcaption><b>Figure 1.</b> The Fluorescein standard curve was measured and prepared using 1x Fluorescein and PBS in a serial dilution on day 2.</figcaption>
 +
</figure>
 +
            </div>
 +
        </div>
 +
 +
        <div class="target" id="fluorescein_log">
 +
        <div class="dashed_line_right">
 +
          <h2 class="h2style">Fluorescein Standard Curve  (log scale)</h2>
 +
 +
<figure>
 +
<img src="https://static.igem.org/mediawiki/2017/b/b0/T--Chalmers-Gothenburg--Fluorescein_Standard_Curve_log_gray.png" alt="Fluorescein standrad curve (log scaled)" style="height:296px; width:464px;">
 +
<figcaption><b>Figure 2.</b> The Fluorescein standard curve in log scale.</figcaption>
 +
</figure>
 +
            </div>
 +
        </div>
 +
 +
        <div class="target" id="OD_m">
 +
        <div class="dashed_line_left">
 +
          <h2 class="h2style">OD measurements</h2>
 +
<figure>
 +
<img src="https://static.igem.org/mediawiki/2017/1/1e/T--Chalmers-Gothenburg--interlab_study_absorbance_gray.png" alt="OD measurements" style="height:284px; width:476px;">
 +
<figcaption><b>Figure 3.</b> Absorbance of the six different devices together with one negative, one positive control and the blank. The values of the devices are an averages of the the two colonies for each device and their four replicates.</figcaption>
 +
</figure>
 +
            </div>
 +
        </div>
 +
 +
        <div class="target" id="fluorescence_m">
 +
        <div class="dashed_line_right_last">
 +
          <h2 class="h2style">Fluorescence measurements</h2>
 +
<figure>
 +
<img src="https://static.igem.org/mediawiki/2017/f/fc/T--Chalmers-Gothenburg--interlab_study_fluorescens_gray.png" alt="Fluorescence measurements" style="height:284px; width:476px;">
 +
<figcaption><b>Figure 4.</b> Fluorescence of the six different devices together with one negative, one positive control and the blank. The values of the devices are an averages of the the two colonies for each device and their four replicates.</figcaption>
 +
</figure>
 +
            </div>
 +
        </div>
  
 
</div>  <!--------------------------- Project_theory_170803.html STOP -------------------------------->
 
</div>  <!--------------------------- Project_theory_170803.html STOP -------------------------------->
Line 1,772: Line 1,508:
 
          
 
          
 
         <div class="footerlogo">
 
         <div class="footerlogo">
           <a href="https://www.agilent.com/home">
+
           <a href="https://www.agilent.com/home" target="_blank">
             <img src="" alt="Agilent Technologies" class="footerimg on">
+
             <img src="https://static.igem.org/mediawiki/2017/f/fb/T--Chalmers-Gothenburg--Agilent_gray.png" alt="Agilent Technologies" class="footerimg on">
             <img src="" alt="Agilent Technologies" class="footerimg off">
+
             <img src="https://static.igem.org/mediawiki/2017/1/1e/T--Chalmers-Gothenburg--Agilent.png" alt="Agilent Technologies" class="footerimg off">
 
           </a>
 
           </a>
 
         </div>
 
         </div>
 
          
 
          
 
         <div class="footerlogo">
 
         <div class="footerlogo">
           <a href="https://www.atum.bio/">
+
           <a href="https://www.atum.bio/" target="_blank">
             <img src="pictures_17/logotypes/ATUM_110216_4c30percentgray.png" alt="ATUM" class="footerimg on">
+
             <img src="https://static.igem.org/mediawiki/2017/a/ae/T--Chalmers-Gothenburg--ATUM_gray.png" alt="ATUM" class="footerimg on">
             <img src="pictures_17/logotypes/ATUM_110216_4cBlack2.png" alt="ATUM" class="footerimg off">
+
             <img src="https://static.igem.org/mediawiki/2017/7/71/T--Chalmers-Gothenburg--ATUM.png" alt="ATUM" class="footerimg off">
 
           </a>
 
           </a>
 
         </div>
 
         </div>
 
          
 
          
 
         <div class="footerlogo">
 
         <div class="footerlogo">
           <a href="http://www.chalmers.se/en/Pages/default.aspx">
+
           <a href="http://www.chalmers.se/en/Pages/default.aspx" target="_blank">
             <img src="pictures_17/logotypes/chalmers_logo2_30percentgray.png" alt="Chalmers" class="footerimg on">
+
             <img src="https://static.igem.org/mediawiki/2017/9/9f/T--Chalmers-Gothenburg--Chalmers_logo_gray.png" alt="Chalmers" class="footerimg on">
             <img src="pictures_17/logotypes/chalmers_logo2.png" alt="Chalmers" class="footerimg off">
+
             <img src="https://static.igem.org/mediawiki/2017/9/9f/T--Chalmers-Gothenburg--Chalmers_logo.png" alt="Chalmers" class="footerimg off">
 
           </a>
 
           </a>
 
         </div>
 
         </div>
 
          
 
          
 
         <div class="footerlogo">
 
         <div class="footerlogo">
           <a href="http://www.eurofins.com/">
+
           <a href="http://www.eurofins.com/" target="_blank">
             <img src="pictures_17/logotypes/eurofins_logo2_30percentgray.png" alt="Eurofins" class="footerimg on">
+
             <img src="https://static.igem.org/mediawiki/2017/f/f8/T--Chalmers-Gothenburg--eurofins_gray.png" alt="Eurofins" class="footerimg on">
             <img src="pictures_17/logotypes/eurofins_logo2.png" alt="Eurofins" class="footerimg off">
+
             <img src="https://static.igem.org/mediawiki/2017/e/e4/T--Chalmers-Gothenburg--eurofins.png" alt="Eurofins" class="footerimg off">
 
           </a>
 
           </a>
 
         </div>
 
         </div>
 
          
 
          
 
         <div class="footerlogo">
 
         <div class="footerlogo">
           <a href="https://www.gatc-biotech.com/en/index.html">
+
           <a href="https://www.gatc-biotech.com/en/index.html" target=”_blank”>
             <img src="" alt="GATC Biotech" class="footerimg on">
+
             <img src="https://static.igem.org/mediawiki/2017/c/c2/T--Chalmers-Gothenburg--gatc_gray.png" alt="GATC Biotech" class="footerimg on">
             <img src="" alt="GATC Biotech" class="footerimg off">
+
             <img src="https://static.igem.org/mediawiki/2017/c/c0/T--Chalmers-Gothenburg--gatc.png" alt="GATC Biotech" class="footerimg off">
 
           </a>
 
           </a>
 
         </div>
 
         </div>
 
          
 
          
 
         <div class="footerlogo">
 
         <div class="footerlogo">
           <a href="http://www.genscript.com/">
+
           <a href="http://www.genscript.com/" target="_blank">
             <img src="pictures_17/logotypes/Genscript_30percentgray.png" alt="Genscript" class="footerimg on">
+
             <img src="https://static.igem.org/mediawiki/2017/c/ce/T--Chalmers-Gothenburg--Genscript_gray.png" alt="Genscript" class="footerimg on">
             <img src="pictures_17/logotypes/Genscript.png" alt="Genscript" class="footerimg off">
+
             <img src="https://static.igem.org/mediawiki/2017/2/29/T--Chalmers-Gothenburg--Genscript.png" alt="Genscript" class="footerimg off">
 
           </a>
 
           </a>
 
         </div>
 
         </div>
 
          
 
          
 
         <div class="footerlogo">
 
         <div class="footerlogo">
           <a href="https://www.idtdna.com/">
+
           <a href="https://www.idtdna.com/" target="_blank">
             <img src="pictures_17/logotypes/IDT_Logo_2014_(corp_blue)_30percentgray.png" alt="IDT" class="footerimg on">
+
             <img src="https://static.igem.org/mediawiki/2017/a/a3/T--Chalmers-Gothenburg--IDT_gray.png" alt="IDT" class="footerimg on">
             <img src="pictures_17/logotypes/IDT_Logo_2014_(corp_blue).png" alt="IDT" class="footerimg off">
+
             <img src="https://static.igem.org/mediawiki/2017/f/fd/T--Chalmers-Gothenburg--IDT.png" alt="IDT" class="footerimg off">
 +
          </a>
 +
        </div>
 +
 
 +
        <div class="footerlogo">
 +
          <a href="http://www.chalmers.se/en/areas-of-advance/lifescience/Pages/default.aspx" target="_blank">
 +
            <img src="https://static.igem.org/mediawiki/2017/6/6e/T--Chalmers-Gothenburg--Life_science_gray.png" alt="ATUM" class="footerimg on">
 +
            <img src="https://static.igem.org/mediawiki/2017/a/a3/T--Chalmers-Gothenburg--Life_science.png" alt="ATUM" class="footerimg off">
 
           </a>
 
           </a>
 
         </div>
 
         </div>
 
          
 
          
 
         <div class="footerlogo">
 
         <div class="footerlogo">
           <a href="https://www.neb.com/">
+
           <a href="https://www.neb.com/" target="_blank">
             <img src="pictures_17/logotypes/neb_logo2_30percentgray.png" alt="NEB" class="footerimg on">
+
             <img src="https://static.igem.org/mediawiki/2017/2/29/T--Chalmers-Gothenburg--neb_gray.png" alt="NEB" class="footerimg on">
             <img src="pictures_17/logotypes/neb_logo3.png" alt="NEB" class="footerimg off">
+
             <img src="https://static.igem.org/mediawiki/2017/e/e6/T--Chalmers-Gothenburg--neb.png" alt="NEB" class="footerimg off">
 
           </a>
 
           </a>
 
         </div>
 
         </div>
 
          
 
          
 
         <div class="footerlogo">
 
         <div class="footerlogo">
           <a href="http://www.snapgene.com/">
+
           <a href="http://www.snapgene.com/" target="_blank">
             <img src="pictures_17/logotypes/SnapGene-Logo-144_30percentgray.png" alt="SnapGene" class="footerimg on">
+
             <img src="https://static.igem.org/mediawiki/2017/1/1a/T--Chalmers-Gothenburg--SnapGene_gray.png" alt="SnapGene" class="footerimg on">
             <img src="pictures_17/logotypes/SnapGene-Logo-144.png" alt="SnapGene" class="footerimg off">
+
             <img src="https://static.igem.org/mediawiki/2017/9/95/T--Chalmers-Gothenburg--SnapGene.png" alt="SnapGene" class="footerimg off">
 
           </a>
 
           </a>
 
         </div>
 
         </div>
 
          
 
          
 
         <div class="footerlogo">
 
         <div class="footerlogo">
           <a href="http://www.sysbio.se/">
+
           <a href="http://www.sysbio.se/" target="_blank">
             <img src="pictures_17/logotypes/sysbio_logo_30percentgray.png" alt="Sysbio" class="footerimg on">
+
             <img src="https://static.igem.org/mediawiki/2017/7/7d/T--Chalmers-Gothenburg--sysbio_gray.png" alt="Sysbio" class="footerimg on">
             <img src="pictures_17/logotypes/sysbio_logo.png" alt="Sysbio" class="footerimg off">
+
             <img src="https://static.igem.org/mediawiki/2017/8/89/T--Chalmers-Gothenburg--sysbio.png" alt="Sysbio" class="footerimg off">
 
           </a>
 
           </a>
 
         </div>
 
         </div>
Line 1,845: Line 1,588:
 
       <div id="footer-contact-row">
 
       <div id="footer-contact-row">
 
         <hr>
 
         <hr>
         <a href="https://www.facebook.com/chalmersigem/?fref=ts">facebook</a>  
+
         <a href="https://www.facebook.com/chalmersigem/?fref=ts" target="_blank">facebook</a>  
         <a href="https://twitter.com/igemchalmers">twitter</a>  
+
         <a href="https://twitter.com/igemchalmers" target="_blank">twitter</a>  
 
         <a href="mailto:igemgothenburg@gmail.com">e-mail</a>  
 
         <a href="mailto:igemgothenburg@gmail.com">e-mail</a>  
         <a href="https://www.instagram.com/chalmersigem/">instagram</a>
+
         <a href="https://www.instagram.com/chalmersigem/" target="_blank">instagram</a>
 
       </div>
 
       </div>
     </footer> <!--------------------------------- footer_170726.html STOP ---------------------------------->
+
     </footer> <!--------------------------------- footer_170726.html STOP ----------------------------------> </body>            
  </body>
+
 
    
 
    
  

Latest revision as of 17:32, 30 October 2017

Chalmers Gothenburg iGEM 2017

Introduction

The Interlab study aims to improve the tools for measurements that are available in both the iGEM community but also the whole synthetic biology community. One of the biggest challenges in synthetic biology is the fluorescence data that is often hard to compare since it is reported in different units or that the data is processed in different ways. The goal of the InterLab study is to address this issue by providing researchers with a detailed protocol and data analysis form for measuring GFP in a plate reader. This is done by comparing results obtained by various iGEM teams in order to quantify the expression of different constructs with fluorescence, both with a positive and a negative control.

In the iGEM interlab study of 2017, 6 different fluorescent protein expression plasmids were tested; J364000, J364001, J364002, J364003, J364004, J364005, a positive I20270, and a negative R0040 control plasmid. The plasmids were transformed into DH5α E.coli with the team’s own transformation protocol. All of the fluorescence devices that were tested were in the pSB1C3 plasmid backbone and the transformed E.coli were streaked and cultured on/in LB+chloramphenicol. To measure the difference in expression of fluorescence by the different plasmids, a plate reader that both measured the absorbance and fluorescence intensity was used.

Results

The results from the measurements are shown below. First the results for the OD reference point and the fluorescein standard curve is shown. After that the results from the main experiments is presented.

OD reference point

The OD at wavelength 600nm was measured for LUDOX-HS40 and water to get OD reference point for the following OD measurements, see Table 1.

Table 1. OD measurements of LUDOX-HS40 and water.
LUDOX-HS40 H2O
Replicate 1 0,031 0,022
Replicate 2 0,030 0,023
Replicate 3 0,034 0,024
Replicate 4 0,032 0,024
Arith. Mean 0,032 0,023
Corrected Abs600 0,009
Reference OD600 0,043
OD600/Abs600 5

Fluorescein Standard Curve

Different concentrations of fluorescein was measured with four replications in order to be able to relate the GFP expression to a concentration for the following fluorescence measurements in the main experiment. Below the standard curve of the measured values can be seen, both with the actual values and logarithmed.

Fluorescein standrad curve
Figure 1. The Fluorescein standard curve was measured and prepared using 1x Fluorescein and PBS in a serial dilution on day 2.

Fluorescein Standard Curve (log scale)

Fluorescein standrad curve (log scaled)
Figure 2. The Fluorescein standard curve in log scale.

OD measurements

OD measurements
Figure 3. Absorbance of the six different devices together with one negative, one positive control and the blank. The values of the devices are an averages of the the two colonies for each device and their four replicates.

Fluorescence measurements

Fluorescence measurements
Figure 4. Fluorescence of the six different devices together with one negative, one positive control and the blank. The values of the devices are an averages of the the two colonies for each device and their four replicates.