Difference between revisions of "Team:BGU Israel/InterLab"

 
(99 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{BGU_Israel}}
 
{{BGU_Israel}}
<!DOCTYPE html>
+
{{Template:BGU_Israel/header}}
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
 
+
<style>
  <title>OriginALS</title>
+
#myDIV, #myDIV2, #myDIV3{
  <meta charset="utf-8">
+
display:none;
  <meta name="viewport" content="width=device-width, initial-scale=1">
+
    <link type="text/css" rel="stylesheet" href="style.css">
+
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+
  <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">
+
  <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css">
+
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+
<style>
+
    body {
+
      font: 400 15px Segoe UI !important;
+
      line-height: 1.8;
+
      color: #818181;
+
  }
+
table {
+
    font-family: arial, sans-serif;
+
    border-collapse: collapse;
+
    width: 100%;
+
table-layout: fixed
+
 
}
 
}
 
+
</style>
td, th {
+
</head>
    border: 1px solid #dddddd;
+
<body>
    text-align: left;
+
    padding: 5px;
+
}
+
 
+
tr:nth-child(even) {
+
    background-color: #dddddd;
+
}
+
ul li    {
+
  padding:0;
+
  margin:0;
+
text-align:left;
+
}
+
  h1 {
+
      font-size: 32px!important;
+
      font-family: Segoe UI Light!important;
+
      text-transform: capitalize;
+
      color: #303030;
+
      font-weight: 600;
+
      margin-bottom: 20px !important;
+
   
+
  }
+
  h4 {
+
      font-size: 19px;
+
      line-height: 1.375em;
+
      color: #303030;
+
      font-weight: 400;
+
      margin-bottom: 30px;
+
  } 
+
      p, ol {
+
          font-size: 16px !important;
+
         
+
          color:#010101 !important;
+
      }
+
  .jumbotron {
+
      background-color: #f4511e;
+
      color: #fff;
+
      padding: 100px 25px;
+
      font-family: Montserrat, sans-serif;
+
  }
+
  .container-fluid {
+
      padding: 60px 50px;
+
  }
+
 
+
    .bg-grey {
+
        background-color:#ededed;
+
        color:#000;
+
        padding: 60px 50px;
+
    }
+
    .bg-white {
+
        background-color:#fff;
+
        color:#000;
+
        padding: 60px 50px;
+
    }
+
    .bg-dark {
+
        background-color:#262626;
+
        color:#fff !important;
+
        padding: 60px 50px;
+
    }
+
    .bg-dark p, .bg-dark h1 {
+
        color:#fff !important;
+
       
+
    }
+
  .logo-small {
+
      color: #f4511e;
+
      font-size: 50px;
+
  }
+
  .logo {
+
      color: #f4511e;
+
      font-size: 200px;
+
  }
+
  .thumbnail {
+
      padding: 0 0 15px 0;
+
      border: none;
+
      border-radius: 0;
+
  }
+
  .thumbnail img {
+
      width: 100%;
+
      height: 100%;
+
      margin-bottom: 10px;
+
  }
+
  .carousel-control.right, .carousel-control.left {
+
      background-image: none;
+
      color: #f4511e;
+
  }
+
  .carousel-indicators li {
+
      border-color: #f4511e;
+
  }
+
  .carousel-indicators li.active {
+
      background-color: #f4511e;
+
  }
+
  .item h4 {
+
      font-size: 19px;
+
      line-height: 1.375em;
+
      font-weight: 400;
+
      font-style: italic;
+
      margin: 70px 0;
+
  }
+
  .item span {
+
      font-style: normal;
+
  }
+
  .panel {
+
      border: 1px solid #f4511e;
+
      border-radius:0 !important;
+
      transition: box-shadow 0.5s;
+
  }
+
  .panel:hover {
+
      box-shadow: 5px 0px 40px rgba(0,0,0, .2);
+
  }
+
  .panel-footer .btn:hover {
+
      border: 1px solid #f4511e;
+
      background-color: #fff !important;
+
      color: #f4511e;
+
  }
+
  .panel-heading {
+
      color: #fff !important;
+
      background-color: #f4511e !important;
+
      padding: 25px;
+
      border-bottom: 1px solid transparent;
+
      border-top-left-radius: 0px;
+
      border-top-right-radius: 0px;
+
      border-bottom-left-radius: 0px;
+
      border-bottom-right-radius: 0px;
+
  }
+
  .panel-footer {
+
      background-color: white !important;
+
  }
+
  .panel-footer h3 {
+
      font-size: 32px;
+
  }
+
  .panel-footer h4 {
+
      color: #aaa;
+
      font-size: 14px;
+
  }
+
  .panel-footer .btn {
+
      margin: 15px 0;
+
      background-color: #f4511e;
+
      color: #fff;
+
  }
+
  .navbar {
+
      margin-bottom: 10px; !important;
+
      background-color: #fff !important;
+
      z-index: 9999!important;
+
      border: 0 !important;
+
    text-transform:uppercase !important;
+
      border-radius: 0 !important;
+
      font-family: 'Segoe UI Light'!important;
+
      font-weight: 600!important;
+
      color:#000!important;
+
padding-top:10px;
+
  }
+
  .navbar-brand {
+
  padding: 0px;
+
}
+
.navbar-brand>img {
+
  height: 100%;
+
  padding: 0 0 10px 20px;
+
  width: auto;
+
}
+
  .navbar-nav li a:hover, .navbar-nav li.active a {
+
      color: #0186ac !important;
+
      background-color: #fff !important;
+
  }
+
  .navbar-default .navbar-toggle {
+
      border-color: transparent;
+
      color: #fff !important;
+
  }
+
 
+
  .slideanim {visibility:hidden;}
+
  .slide {
+
      animation-name: slide;
+
      -webkit-animation-name: slide;
+
      animation-duration: 1s;
+
      -webkit-animation-duration: 1s;
+
      visibility: visible;
+
  }
+
  @keyframes slide {
+
    0% {
+
      opacity: 0;
+
      transform: translateY(70%);
+
    }
+
    100% {
+
      opacity: 1;
+
      transform: translateY(0%);
+
    }
+
  }
+
  @-webkit-keyframes slide {
+
    0% {
+
      opacity: 0;
+
      -webkit-transform: translateY(70%);
+
    }
+
    100% {
+
      opacity: 1;
+
      -webkit-transform: translateY(0%);
+
    }
+
  }
+
  @media screen and (max-width: 768px) {
+
    .col-sm-4 {
+
      text-align: center;
+
      margin: 25px 0;
+
    }
+
    .btn-lg {
+
        width: 100%;
+
        margin-bottom: 35px;
+
    }
+
  }
+
  @media screen and (max-width: 480px) {
+
    .logo {
+
        font-size: 150px;
+
    }
+
  }
+
 
+
  header.masthead {
+
  padding-top: 10rem;
+
  padding-bottom: calc(10rem - 56px);
+
  background-image:url('https://static.igem.org/mediawiki/2018/2/2e/T--BGU_Israel--home_banner.jpg');
+
width:100%;
+
        overflow: hidden;
+
    min-height: 700px;
+
    /* Create the parallax scrolling effect */
+
    background-attachment: fixed;
+
    background-position: center;
+
    background-repeat: no-repeat;
+
    background-size: cover;
+
   
+
}
+
      .parallax-window {
+
    min-height: 700px;
+
    background: transparent;
+
}
+
      #abstract p, #abstract ol {
+
          text-align: justify;
+
      }
+
      #myBtn {
+
  display: none;
+
         
+
  position: fixed;
+
  bottom: 20px;
+
  right: 20px;
+
  z-index: 99;
+
  font-size: 16px;
+
  border: none;
+
  outline: none;
+
  background-color: #0186ac;
+
  color: white;
+
  cursor: pointer;
+
  padding: 12px 15px 12px 15px;
+
  border-radius: 100px;
+
}
+
 
+
#myBtn:hover {
+
  background-color: #555;
+
}
+
 
+
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
+
        background: #fff !important;
+
        color:#0186ac !important;
+
    }
+
    .navbar-right .dropdown-menu {
+
       
+
    }
+
@media screen and (min-width: 600px) {
+
    .dropdown:hover .dropdown-menu {
+
    display: block;
+
    margin-top: 0;
+
        color:#fff;
+
}
+
      #mainMenu .dropdown-menu {
+
        border:0 !important;
+
        right:auto !important;
+
        border-radius: 0 !important;
+
        text-transform: capitalize;
+
        font-size:18px;
+
    }
+
      #mainMenu .dropdown-menu li:hover {
+
        color:#0186ac !important;
+
          background: transparent;
+
    }
+
    }
+
    .gray-section {
+
        background-color:#ededed;
+
    }
+
      .sub-page-header {
+
          padding-top: 10rem;
+
  padding-bottom: calc(10rem - 56px);
+
  background-image:url('https://static.igem.org/mediawiki/2018/2/2e/T--BGU_Israel--home_banner.jpg');
+
height:200px !important;
+
 
    
 
    
    /* Create the parallax scrolling effect */
+
   <header style="background-image:url('https://static.igem.org/mediawiki/2018/f/f0/T--BGU_Israel--pink_subhead.png')!important;" class="sub-page-header text-center">
    background-attachment: fixed;
+
background-position: top center;
+
    background-repeat: no-repeat;
+
    background-size: cover;
+
    }
+
    </style>
+
</head>
+
<body id="myPage"  data-spy="scroll" data-target=".navbar" data-offset="60">
+
    <div id="top"></div>
+
    <a id="myBtn"  href="#top" title="To Top">
+
    <span class="glyphicon glyphicon-chevron-up"></span>
+
   </a>
+
<nav id="mainMenu" class="navbar navbar-default navbar-fixed-top">
+
  <div class="container">
+
    <div class="navbar-header">
+
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
+
        <span class="icon-bar"></span>
+
        <span class="icon-bar"></span>
+
        <span class="icon-bar"></span>                       
+
      </button>
+
      <a class="navbar-brand" href="index.html"><img src="https://static.igem.org/mediawiki/2018/3/32/T--BGU_Israel--logo_colored.png"></a>
+
    </div>
+
    <div class="collapse navbar-collapse" id="myNavbar">
+
      <ul class="nav navbar-nav navbar-right">
+
        <li><a href="index.html">Home</a></li>
+
        <li class="dropdown">
+
        <a class="dropdown-toggle" data-toggle="dropdown" href="https://2018.igem.org/Team:BGU_Israel/Description">Project
+
        </a>
+
        <ul class="dropdown-menu pull-right">
+
          <li><a href="https://2018.igem.org/Team:BGU_Israel/Description ">Description</a></li>
+
          <li><a href="https://2018.igem.org/Team:BGU_Israel/Design">Design</a></li>
+
            <li><a href="https://2018.igem.org/Team:BGU_Israel/Results">Results</a></li>
+
          <li><a href="https://2018.igem.org/Team:BGU_ISRAEL/Protocols">Protocols</a></li>
+
            <li><a href="https://2018.igem.org/Team:BGU_ISRAEL/Notebook">Notebook</a></li>
+
           
+
        </ul>
+
      </li>
+
          <li class="dropdown">
+
        <a class="dropdown-toggle" data-toggle="dropdown" href="https://2018.igem.org/Team:BGU_Israel/Description">Team
+
        </a>
+
        <ul class="dropdown-menu pull-right">
+
          <li><a href="https://2018.igem.org/Team:BGU_Israel/Team">Members</a></li>
+
          <li><a href="https://2018.igem.org/Team:BGU_Israel/Collaborations">Collaborations</a></li>
+
        </ul>
+
      </li>
+
          <li class="dropdown">
+
        <a class="dropdown-toggle" data-toggle="dropdown" href="https://2018.igem.org/Team:BGU_Israel/Description">Parts
+
        </a>
+
        <ul class="dropdown-menu pull-right">
+
          <li><a href="https://2018.igem.org/Team:BGU_Israel/Parts">Team Parts</a></li>
+
          <li><a href="https://2018.igem.org/Team:BGU_Israel/BasicParts ">Basic Parts</a></li>
+
            <li><a href="https://2018.igem.org/Team:BGU_Israel/PartImprovement">Part Improvement</a></li>
+
          <li><a href="https://2018.igem.org/Team:BGU_Israel/PartCollection">Part Collection</a></li>
+
        </ul>
+
      </li>
+
 
+
  <li class="dropdown">
+
        <a class="dropdown-toggle" data-toggle="dropdown" href="https://2018.igem.org/Team:BGU_Israel/Description">Practices
+
 
+
        </a>
+
        <ul class="dropdown-menu pull-right">
+
          <li><a href="https://2018.igem.org/Team:BGU_ISRAEL/ALSConference">ALS Conference</a></li>
+
          <li><a href="https://2018.igem.org/Team:BGU_ISRAEL/ALSFunding">Funding Race</a></li>
+
            <li><a href="https://2018.igem.org/Team:BGU_Israel/InterLab">InterLab</a></li>
+
          <li><a href="https://2018.igem.org/Team:BGU_ISRAEL/EthicsAndSafety">Ethics and Safty</a></li>
+
        </ul>
+
      </li>
+
        <li><a href="https://2018.igem.org/Team:BGU_ISRAEL/Attributions">Attributions</a></li>
+
          <!--<li><a href="https://2018.igem.org/Team:BGU_ISRAEL/Achievments">Achievments</a></li>-->
+
      </ul>
+
    </div>
+
  </div>
+
</nav>
+
  <header  class="sub-page-header text-center">
+
 
       <div class="container my-auto">
 
       <div class="container my-auto">
           <h1>InterLab</h1>
+
           <h1 class="animated fadeInUp">InterLab</h1>
 
       </div>
 
       </div>
 
     </header>
 
     </header>
  
<!-- Container (About Section) -->
+
<div class="bg-white">
<div id="abstract" class="container-fluid text-center">
+
<div class="container text-center">
 
   <div class="row">
 
   <div class="row">
 
<div class="col-sm-8 col-sm-offset-2">
 
<div class="col-sm-8 col-sm-offset-2">
 
      
 
      
      <p style="margin:0px !important; padding:0!important;"  class="mb-4 justified animated fadeInRight">Our team chose to participate in the Fifth International InterLab Measurement Study in synthetic biology.<br/>
+
    <p class="justified">Our team chose to participate in the Fifth International InterLab Measurement Study in synthetic biology.<br/>
 
The goal of the iGEM InterLab Study is to identify and correct the sources of systematic variability in synthetic biology measurements, so that eventually, measurements that are taken in different labs will be no more variable than measurements taken within the same lab.<br/>
 
The goal of the iGEM InterLab Study is to identify and correct the sources of systematic variability in synthetic biology measurements, so that eventually, measurements that are taken in different labs will be no more variable than measurements taken within the same lab.<br/>
 
In this study we want to reduce lab-to-lab variability in fluorescence measurements by normalizing it to absolute cell count or colony-forming units (CFUs) instead of OD.<br/>
 
In this study we want to reduce lab-to-lab variability in fluorescence measurements by normalizing it to absolute cell count or colony-forming units (CFUs) instead of OD.<br/>
Line 407: Line 29:
 
</p>
 
</p>
 
</div>   
 
</div>   
 +
</div>
 
</div>
 
</div>
 
</div>
 
</div>
Line 416: Line 39:
 
<div class="col-sm-8 col-sm-offset-2">
 
<div class="col-sm-8 col-sm-offset-2">
 
      
 
      
       <p style="margin:0px !important; padding:0!important;"  class="mb-4 justified animated fadeInRight">All of our measurements were taken in a plate reader that can read both absorbance and fluorescence (Neoteck-Tecan-INFINITE M100) without a pathlength correction. The temperature was set to 25̊C, under shaking with a duration of 3 sec and an amplitude of 2 mm. We went through a tutorial and learned how to operate the machine.<br/>
+
       <p class="justified">
 +
All our measurements were taken in a plate reader that can read both absorbance and fluorescence (Neoteck-Tecan-INFINITE M100) without a pathlength correction. The temperature was set to 25̊C, under shaking with a duration of 3 sec and an amplitude of 2 mm. We went through a tutorial and learned how to operate the machine.<br/>
 
In addition, we used the following reagents (Partially supplied by iGEM):<br/>
 
In addition, we used the following reagents (Partially supplied by iGEM):<br/>
<ul class="mb-4 justified animated fadeInRight">
+
<ul style="position:left!important">
<li>1.0 ml LUDOX CL-X</li>
+
<li>1.0 ml LUDOX CL-X.</li>
<li>150 μL Silica Bead (microsphere suspension)</li>
+
<li>150 μL Silica Bead (microsphere suspension).</li>
 
<li>Fluorescein (powder, in amber tube)</li>
 
<li>Fluorescein (powder, in amber tube)</li>
<li>iGEM Parts Distribution Kit Plates</li>
+
<li>iGEM Parts Distribution Kit Plates.</li>
<li>1 x PBS (phosphate buffered saline, pH 7.4 - 7.6)</li>
+
<li>1 x PBS (phosphate buffered saline, pH 7.4 - 7.6.</li>
 
<li>ddH2O</li>  
 
<li>ddH2O</li>  
<li>Competent cells (Escherichia coli DH5α)</li>
+
<li>Competent cells (Escherichia coli DH5α).</li>
<li>LB (Luria Bertani) media</li>
+
<li>LB (Luria Bertani) media.</li>
 
<li>Chloramphenicol</li>  
 
<li>Chloramphenicol</li>  
<li>96 well plates, black with clear flat bottom</li>
+
<li>96 well plates, black with clear flat bottom.</li>
 
</ul>
 
</ul>
 
</p>
 
</p>
Line 442: Line 66:
 
<div class="col-sm-8 col-sm-offset-2">
 
<div class="col-sm-8 col-sm-offset-2">
 
      
 
      
       <p style="margin:0px !important; padding:0!important;"  class="mb-4 justified animated fadeInRight">As part of an ongoing work in a biological laboratory, safety gear was used to work with bacteria. The work was done with closed shoes, long pants, gloves and lab coats.<br/>
+
       <p class="justified">As part of an ongoing work in a biological laboratory, safety gear was used to work with bacteria. The work was done with closed shoes, long pants, gloves and lab coats.<br/>
 
In order to maintain a clean environment, and sterility between the samples the work was performed next to a flame, and all the disposable parts were thrown after a single use into a biological waste bin.<br/>
 
In order to maintain a clean environment, and sterility between the samples the work was performed next to a flame, and all the disposable parts were thrown after a single use into a biological waste bin.<br/>
 
Before and after work, work surfaces were sterilized with 70% alcohol.
 
Before and after work, work surfaces were sterilized with 70% alcohol.
Line 459: Line 83:
 
<div class="col-sm-8 col-sm-offset-2">
 
<div class="col-sm-8 col-sm-offset-2">
 
      
 
      
       <p style="margin:0px !important; padding:0!important;"  class="mb-4 justified animated fadeInRight">
+
       <p class="justified">
 
<b>Calibration 1: OD600 Reference point - LUDOX Protocol:</b><br/>
 
<b>Calibration 1: OD600 Reference point - LUDOX Protocol:</b><br/>
 
100 μL LUDOX were added into wells A1, B1, C1, D1. <br/>
 
100 μL LUDOX were added into wells A1, B1, C1, D1. <br/>
 
100 μLof ddH2O were added into wells A2, B2, C2, D2 <br/>
 
100 μLof ddH2O were added into wells A2, B2, C2, D2 <br/>
 
</p>
 
</p>
 +
<br/>
 +
<button class="btn btn-info" type="button" onclick="myFunction()">Raw Results</button>
 +
<div id="myDIV">
 
<table>
 
<table>
 
   <tr>
 
   <tr>
Line 511: Line 138:
 
   </tr>
 
   </tr>
 
</table>
 
</table>
  <p style="margin:0px !important; padding:0!important;"  class="mb-4 justified animated fadeInRight">
+
 
 +
  <p>
 
<u>Table 1</u>: OD<sub>600</sub>/Abs<sub>600</sub> measurements.<br/>
 
<u>Table 1</u>: OD<sub>600</sub>/Abs<sub>600</sub> measurements.<br/>
The correction factor is 2.538.<br/>
+
The correction factor is 2.538.</p></div>
 +
<p class="justified">
 +
<br/>
 
<br/>
 
<br/>
 
<b>Calibration 2: Particle Standard Curve - Microsphere Protocol</b></br>
 
<b>Calibration 2: Particle Standard Curve - Microsphere Protocol</b></br>
 
<ul>
 
<ul>
 
<li>The Silica Beads from the InterLab test kit were vigorously vortexed for 30 seconds.</li>  
 
<li>The Silica Beads from the InterLab test kit were vigorously vortexed for 30 seconds.</li>  
<li>96 μL microspheres were pipetted into a 1.5 mL Eppendorf tubes</li>
+
<li>96 μL microspheres were pipetted into a 1.5 mL Eppendorf tubes.</li>
<li>904 μL of ddH2O were added to the microspheres</li>
+
<li>904 μL of ddH2O were added to the microspheres.</li>
<li>The Microsphere Stock Solution was vortexed well</li>
+
<li>The Microsphere Stock Solution was vortexed well.</li>
<li>200 μL of Microsphere Stock Solution were transferred into each well in column 1</li>
+
<li>200 μL of Microsphere Stock Solution were transferred into each well in column 1.</li>
<li>100 μL of ddH2O were added into each well (2-12) in the corresponding row</li>
+
<li>100 μL of ddH2O were added into each well (2-12) in the corresponding row.</li>
<li>Serial dilution by transfer  of 100 μL from column to column with good mixing</li>
+
<li>Serial dilution by transfer  of 100 μL from column to column with good mixing.</li>
<li>Absorbance measurements of all the samples in the plate reader in 600 nm</li>
+
<li>Absorbance measurements of all the samples in the plate reader in 600 nm.</li>
 
</p>
 
</p>
 
<div class="row">
 
<div class="row">
     <div class="col-sm-6">
+
 
         <img src="https://static.igem.org/mediawiki/2018/f/fd/T--BGU_Israel--HighSchool_meeting1.jpg" class="img-responsive">
+
     <div class="col-md-6">
        </div>
+
         <img data-toggle="tooltip" title="Click to enlarge" id="myImg" onclick="myFunc(this)" src="https://static.igem.org/mediawiki/2018/d/d6/T--BGU_Israel--interlab_figure1.png" class="img-responsive" alt="Figure 1: Particle Standard Curve">  
        <div class="col-sm-6">
+
<p><u>Figure 1</u>: Particle Standard Curve</p>
        <img src="https://static.igem.org/mediawiki/2018/5/54/T--BGU_Israel--HighSchool_meeting2.jpg" class="img-responsive">  
+
        </div>
+
    </div>
+
</div>
+
</div> 
+
</div>
+
 
</div>
 
</div>
  
  
 +
    <div class="col-md-6">
 +
        <img data-toggle="tooltip" title="Click to enlarge"  id="myImg" onclick="myFunc(this)" src="https://static.igem.org/mediawiki/2018/1/13/T--BGU_Israel--interlab_figure2.png" class="img-responsive" alt="Figure 2: Particle Standard Curve log scale">
 +
<p><u>Figure 2</u>: Particle Standard Curve log scale.</p>
 +
</div>
  
      <div class="bg-white">
 
<div class="container text-center">
 
  <div class="row">
 
      <h1>host a group of high-school </h1>
 
  
      <p style="margin:0px !important; padding:0!important;"  class="mb-4 justified animated fadeInRight">Our project would not have succeeded without our Human Practices. Our goals and implementation were all a result of involvement in the communities around us and sharing our ideas through discussions with experts. Science cannot proceed unaided and cannot succeed without public support. As a final gesture, we were delighted to host a group of high-school students in our lab. We had a great time explaining to them about iGEM, our project, and our lab. Although we ourselves as undergraduate students are only at the beginning of our scientific careers, it was wonderful to transfer the knowledge we have gathered to a new generation.
+
</div>
<br><br><br></p>
+
  
  </div>
+
 
    <div class="row">
+
<p class="justified">
     <div class="col-sm-4">
+
We got a linear correlation between the Abs600 and the amount of particle.
         <img src="https://static.igem.org/mediawiki/2018/f/fd/T--BGU_Israel--HighSchool_meeting1.jpg" class="img-responsive">  
+
<br/>
 +
<br/>
 +
<b>Calibration 3: Fluorescence standard curve - Fluorescein Protocol</b><br/>
 +
<ul>
 +
<li>Fluorescein kit tube was spun-down to make sure pellet is at the bottom of the tube.</li>
 +
<li>10x fluorescein stock solution (100 μM) was prepared by resuspending fluorescein in 1.0 mL of 1xPBS.</li>
 +
<li>10x fluorescein stock solution was diluted with 1x PBS to make a 1x fluorescein solution with a concentration 10 μM.</li>
 +
<li>200 μL of 1x fluorescein was transferred into each well in column 1.</li>
 +
<li>Serial dilution by transferring 100 μL from column to column with good mixing.</li>
 +
<li>Fluorescence measurements of all the samples in the plate reader.</li>
 +
</ul>
 +
<p class="justified">
 +
When we got the feedback about out results, we were told that there was a problem with the measurements in which the positive and the negative results were too close, so we repeated the measurements.<br/>
 +
After the second repetition of the measurements, we produced the results for the Excel sheet and the results were presented below in figures 3 and 4:
 +
</p>
 +
<div class="row">
 +
     <div class="col-md-6">
 +
         <img data-toggle="tooltip" title="Click to enlarge"  id="myImg" onclick="myFunc(this)"  src="https://static.igem.org/mediawiki/2018/9/98/T--BGU_Israel--interlab_figure3.png" class="img-responsive" alt="Figure 3: Fluorescein Standard Curve">
 +
<p><u>Figure 3</u>: Fluorescein Standard Curve</p>
 
         </div>
 
         </div>
         <div class="col-sm-4">
+
         <div class="col-md-6">
         <img src="https://static.igem.org/mediawiki/2018/5/54/T--BGU_Israel--HighSchool_meeting2.jpg" class="img-responsive">  
+
         <img data-toggle="tooltip" title="Click to enlarge"  id="myImg" onclick="myFunc(this)" src="https://static.igem.org/mediawiki/2018/b/bc/T--BGU_Israel--interlab_figure4.png" class="img-responsive" alt="Figure 4: Fluorescein Standard Curve log scale">
 +
<p><u>Figure 4</u>: Fluorescein Standard Curve log scale</p>
 
         </div>
 
         </div>
        <div class="col-sm-4">
 
        <img src="https://static.igem.org/mediawiki/2018/3/37/T--BGU_Israel--HighSchool_meeting3.jpg" class="img-responsive">
 
        </div>
 
       
 
 
     </div>
 
     </div>
 +
<p >
 +
The Fluorescence standard curve of Fluorescein (figure 3) allows us to convert cell-based fluorescence reading originating from GFP fluorescence (at the same wavelengths) readings to equivalent fluorescein concentrations found in the calibration curve.
 +
</p>
 +
 +
<p >
 +
<b>Cell measurement protocol:</b><br/>
 +
<b>Day 1:</b><br/>
 +
Escherichia coli DH5α was transformed with the following parts all harboured in pSB1C3 plasmids as indicated in table 2:
 +
</p>
 +
<br/>
 +
<button class="btn btn-info" type="button" onclick="myFunction2()">Raw Results</button>
 +
<div id="myDIV2">
 +
<table>
 +
  <tr>
 +
    <th>Device</th>
 +
    <th>Part Number</th>
 +
    <th>Plate</th>
 +
  <th>Plate Location</th>
 +
  </tr>
 +
  <tr>
 +
    <td>Negative control</td>
 +
    <td>BBa_R0040</td>
 +
    <td>Kit Plate 7</td>
 +
    <td>Well 2B</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Test Device 1</td>
 +
    <td>BBa_J364000</td>
 +
    <td>Kit Plate 7</td>
 +
    <td>Well 2F</td>
 +
  </tr>
 +
<tr>
 +
    <td>Test Device 2</td>
 +
    <td>BBa_J364001</td>
 +
    <td>Kit Plate 7</td>
 +
    <td>Well 2H</td>
 +
  </tr>
 +
<tr>
 +
    <td>Test Device 3</td>
 +
    <td>BBa_J364002</td>
 +
    <td>Kit Plate 7</td>
 +
    <td>Well 2J</td>
 +
  </tr>
 +
<tr>
 +
    <td>Test Device 4</td>
 +
    <td>BBa_J364007</td>
 +
    <td>Kit Plate 7</td>
 +
    <td>Well 2L</td>
 +
  </tr>
 +
<tr>
 +
    <td>Test Device 5</td>
 +
    <td>BBa_J364008</td>
 +
    <td>Kit Plate 7</td>
 +
    <td>Well 2N</td>
 +
  </tr>
 +
<tr>
 +
    <td>Test Device 6</td>
 +
    <td>BBa_J364009</td>
 +
    <td>Kit Plate 7</td>
 +
    <td>Well 2P</td>
 +
  </tr>
 +
</table>
 +
<p>
 +
<u>Table 2</u>: plasmids list and locations</P>
 
</div>
 
</div>
</div>
+
<p style="text-align:left!important;">
 +
<br/>
 +
<br/>
 +
<b>Day 2:</b><br/>
 +
2 colonies from each of the transformation plates were picked and inoculated in 10.0 mL LB medium + Chloramphenicol.<br/>
 +
The cells were incubated overnight at 37°C and 220 rpm shaking.<br/><br/>
 +
<b>Day3: Cell growth, sampling, and assay</b><br/>
 +
<ul>
 +
<li>1:10 dilution of each overnight culture in LB+Chloramphenicol.</li>
 +
<li>Abs600 measurement of these 1:10 diluted cultures.</li>
 +
<li>Dilution of the cultures further to a target Abs600 of 0.02 in a final volume of 12 ml LB medium + Chloramphenicol.</li>
 +
<li>500 µL samples of the diluted cultures at 0 hours were taken into 1.5 ml Eppendorf tubes and placed on ice.</li>
 +
<li>The remainder of the cultures incubated at 37°C and 220 rpm for 6 hours.</li>
 +
<li>500 µL samples of the cultures at 6 hours of incubation were taken into 1.5 ml Eppendorf tubes and placed on ice.</li>
 +
<li>Abs600 and fluorescence measurement of all the samples- the results were added to the Excel sheet.</li>
 +
</ul>
 +
<br/>
 +
<p>
 +
<b>Colony Forming Units per 0.1 OD<sub>600</sub> E. coli cultures:</b><br/>
 +
<b>Step 1:</b> “Starting Sample” Preparation<br/></p>
 +
<ul>
 +
<li>The overnight culture of the Positive Control (BBa_I20270) and the Negative Control (BBa_R0040) were diluted 1:8: 25 μL culture to 175 μL LB + Cam in a well of a 96-well plate.</li>
 +
<li>OD<sub>600</sub> measurement of the samples (include blank media measurement).</li>
 +
<li>Dilution of the overnight culture to OD<sub>600</sub> = 0.1 in 1.0 mL of LB + Cam media according the calculation of (C1)(V1) = (C2)(V2). </li>
 +
<li>The dilution cultures were added in triplicate samples into the 96 well-plates. Each well had 200 μL.</li>
 +
<li>OD<sub>600</sub> measurement of the samples.</li>
 +
</ul>
 +
<br/>
 +
<p><b>Step 2:</b> Dilution Series<br/></p>
 +
<ul>
 +
<li>Serial Dilution was made to the triplicate Starting Samples of the previous step according to the instruction of the protocol.</li>
 +
<li>From each sample, 3 dilutions (8*10-3 , 8*10-4, 8*10-5) were plated on LB + Cam plate.</li>
 +
<li>Incubation of the plates at 37°C overnight.</li>
 +
<li>Colonies were counted after 18-20 hours of growth.</li>
 +
</ul>
 +
<br/>
 +
</p>
 +
<p style="text-align:left!important;"><b>Step 3:</b> CFU/mL/OD Calculation<br/></p>
 +
<ul>
 +
<li>The colonies on each plate were counted.</li>
 +
<li>The colony count was multiplied by the Final Dilution Factor on each plate as shown in Table 3:</li>
 +
</ul>
 +
<p>(note: CFU values presented below are in 10^8 scale)</p>
  
 +
<button class="btn btn-info" type="button" onclick="myFunction3()">Raw Results</button>
  
<style>
+
<div id="myDIV3">
    .footer-list {
+
<table>
        list-style: none;
+
<tr>
        color:#fff;
+
<th>
    }
+
<p>Plate number</p>
    .footer-list-item {
+
</th>
        padding:20px 0 20px 0 !important;
+
<th>
        border-bottom: 1px solid #fff;
+
<p>Number of colonies</p>
    }
+
</th>
    .footer-list .footer-list-item:last-child {
+
<th>
        border:0;
+
<p>CFU*10^8</p>
    }
+
</th>
    .container-fluid {
+
</tr>
      padding: 60px 50px;
+
<tr>
  }
+
<td>
 +
<p>1.1 dilution 3</p>
 +
</td>
 +
<td>
 +
<p>&gt;300</p>
 +
</td>
 +
<td>&nbsp;</td>
 +
</tr>
 +
<tr>
 +
<td>
 +
<p>1.1 dilution 4</p>
 +
</td>
 +
<td>
 +
<p>82</p>
 +
</td>
 +
<td>
 +
<p>0.656</p>
 +
</td>
 +
</tr>
 +
<tr>
 +
<td>
 +
<p>1.1 dilution 5</p>
 +
</td>
 +
<td>
 +
<p>25</p>
 +
</td>
 +
<td>
 +
<p>2</p>
 +
</td>
 +
</tr>
 +
<tr>
 +
<td>
 +
<p>1.2 dilution 3</p>
 +
</td>
 +
<td>
 +
<p>&gt;300</p>
 +
</td>
 +
<td>&nbsp;</td>
 +
</tr>
 +
<tr>
 +
<td>
 +
<p>1.2 dilution 4</p>
 +
</td>
 +
<td>
 +
<p>102</p>
 +
</td>
 +
<td>
 +
<p>0.816</p>
 +
</td>
 +
</tr>
 +
<tr>
 +
<td>
 +
<p>1.2 dilution 5</p>
 +
</td>
 +
<td>
 +
<p>8</p>
 +
</td>
 +
<td>
 +
<p>0.64</p>
 +
</td>
 +
</tr>
 +
<tr>
 +
<td>
 +
<p>1.3 dilution 3</p>
 +
</td>
 +
<td>
 +
<p>&gt;300</p>
 +
</td>
 +
<td>&nbsp;</td>
 +
</tr>
 +
<tr>
 +
<td>
 +
<p>1.3 dilution 4</p>
 +
</td>
 +
<td>
 +
<p>126</p>
 +
</td>
 +
<td>
 +
<p>1.008</p>
 +
</td>
 +
</tr>
 +
<tr>
 +
<td>
 +
<p>1.3 dilution 5</p>
 +
</td>
 +
<td>
 +
<p>22</p>
 +
</td>
 +
<td>
 +
<p>1.76</p>
 +
</td>
 +
</tr>
 +
<tr>
 +
<td>
 +
<p>2.1 dilution 3</p>
 +
</td>
 +
<td>
 +
<p>&gt;300</p>
 +
</td>
 +
<td>&nbsp;</td>
 +
</tr>
 +
<tr>
 +
<td>
 +
<p>2.1 dilution 4</p>
 +
</td>
 +
<td>
 +
<p>61</p>
 +
</td>
 +
<td>
 +
<p>0.488</p>
 +
</td>
 +
</tr>
 +
<tr>
 +
<td>
 +
<p>2.1 dilution 5</p>
 +
</td>
 +
<td>
 +
<p>5</p>
 +
</td>
 +
<td>
 +
<p>0.4</p>
 +
</td>
 +
</tr>
 +
<tr>
 +
<td>
 +
<p>2.2 dilution 3</p>
 +
</td>
 +
<td>
 +
<p>237</p>
 +
</td>
 +
<td>
 +
<p>0.1896</p>
 +
</td>
 +
</tr>
 +
<tr>
 +
<td>
 +
<p>2.2 dilution 4</p>
 +
</td>
 +
<td>
 +
<p>42</p>
 +
</td>
 +
<td>
 +
<p>0.336</p>
 +
</td>
 +
</tr>
 +
<tr>
 +
<td>
 +
<p>2.2 dilution 5</p>
 +
</td>
 +
<td>
 +
<p>7</p>
 +
</td>
 +
<td>
 +
<p>0.56</p>
 +
</td>
 +
</tr>
 +
<tr>
 +
<td>
 +
<p>2.3 dilution 3</p>
 +
</td>
 +
<td>
 +
<p>&gt;300</p>
 +
</td>
 +
<td>&nbsp;</td>
 +
</tr>
 +
<tr>
 +
<td>
 +
<p>2.3 dilution 4</p>
 +
</td>
 +
<td>
 +
<p>85</p>
 +
</td>
 +
<td>
 +
<p>0.68</p>
 +
</td>
 +
</tr>
 +
<tr>
 +
<td>
 +
<p>2.3 dilution 5</p>
 +
</td>
 +
<td>
 +
<p>10</p>
 +
</td>
 +
<td>
 +
<p>0.8</p>
 +
</td>
 +
</tr>
 +
<tr>
 +
<td>
 +
<p>3.1 dilution 3</p>
 +
</td>
 +
<td>
 +
<p>&gt;300</p>
 +
</td>
 +
<td>&nbsp;</td>
 +
</tr>
 +
<tr>
 +
<td>
 +
<p>3.1 dilution 4</p>
 +
</td>
 +
<td>
 +
<p>73</p>
 +
</td>
 +
<td>
 +
<p>0.584</p>
 +
</td>
 +
</tr>
 +
<tr>
 +
<td>
 +
<p>3.1 dilution 5</p>
 +
</td>
 +
<td>
 +
<p>2</p>
 +
</td>
 +
<td>
 +
<p>0.16</p>
 +
</td>
 +
</tr>
 +
<tr>
 +
<td>
 +
<p>3.2 dilution 3</p>
 +
</td>
 +
<td>
 +
<p>&gt;300</p>
 +
</td>
 +
<td>&nbsp;</td>
 +
</tr>
 +
<tr>
 +
<td>
 +
<p>3.2 dilution 4</p>
 +
</td>
 +
<td>
 +
<p>52</p>
 +
</td>
 +
<td>
 +
<p>0.416</p>
 +
</td>
 +
</tr>
 +
<tr>
 +
<td>
 +
<p>3.2 dilution 5</p>
 +
</td>
 +
<td>
 +
<p>4</p>
 +
</td>
 +
<td>
 +
<p>0.32</p>
 +
</td>
 +
</tr>
 +
<tr>
 +
<td>
 +
<p>3.3 dilution 3</p>
 +
</td>
 +
<td>
 +
<p>&gt;300</p>
 +
</td>
 +
<td>&nbsp;</td>
 +
</tr>
 +
<tr>
 +
<td>
 +
<p>3.3 dilution 4</p>
 +
</td>
 +
<td>
 +
<p>64</p>
 +
</td>
 +
<td>
 +
<p>0.512</p>
 +
</td>
 +
</tr>
 +
<tr>
 +
<td>
 +
<p>3.3 dilution 5</p>
 +
</td>
 +
<td>
 +
<p>6</p>
 +
</td>
 +
<td>
 +
<p>0.48</p>
 +
</td>
 +
</tr>
 +
<tr>
 +
<td>
 +
<p>4.1 dilution 3</p>
 +
</td>
 +
<td>
 +
<p>&gt;300</p>
 +
</td>
 +
<td>&nbsp;</td>
 +
</tr>
 +
<tr>
 +
<td>
 +
<p>4.1 dilution 4</p>
 +
</td>
 +
<td>
 +
<p>38</p>
 +
</td>
 +
<td>
 +
<p>0.304</p>
 +
</td>
 +
</tr>
 +
<tr>
 +
<td>
 +
<p>4.1 dilution 5</p>
 +
</td>
 +
<td>
 +
<p>14</p>
 +
</td>
 +
<td>
 +
<p>1.12</p>
 +
</td>
 +
</tr>
 +
<tr>
 +
<td>
 +
<p>4.2 dilution 3</p>
 +
</td>
 +
<td>
 +
<p>&gt;300</p>
 +
</td>
 +
<td>&nbsp;</td>
 +
</tr>
 +
<tr>
 +
<td>
 +
<p>4.2 dilution 4</p>
 +
</td>
 +
<td>
 +
<p>50</p>
 +
</td>
 +
<td>
 +
<p>0.4</p>
 +
</td>
 +
</tr>
 +
<tr>
 +
<td>
 +
<p>4.2 dilution 5</p>
 +
</td>
 +
<td>
 +
<p>7</p>
 +
</td>
 +
<td>
 +
<p>0.56</p>
 +
</td>
 +
</tr>
 +
<tr>
 +
<td>
 +
<p>4.3 dilution 3</p>
 +
</td>
 +
<td>
 +
<p>292</p>
 +
</td>
 +
<td>
 +
<p>0.2336</p>
 +
</td>
 +
</tr>
 +
<tr>
 +
<td>
 +
<p>4.3 dilution 4</p>
 +
</td>
 +
<td>
 +
<p>36</p>
 +
</td>
 +
<td>
 +
<p>0.288</p>
 +
</td>
 +
</tr>
 +
<tr>
 +
<td>
 +
<p>4.3 dilution 5</p>
 +
</td>
 +
<td>
 +
<p>0</p>
 +
</td>
 +
<td>
 +
<p>0</p>
 +
</td>
 +
</tr>
 +
</table>
 +
<p> Table 3: CFU counts under different dilutions</p>
 +
</div>
 +
<br/>
 +
<br/>
 +
<p>These results provide us a direct correlation between actual concentrations
 +
of bacteria (actual number) to OD<sub>600</sub>.</p>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
  
    .bg-grey {
+
<div class="bg-white">
        background-color:#ededed;
+
<div class="container text-center">
        color:#000;
+
<div class="row">
        padding: 60px 50px;
+
<h1>Final remarks</h1>
    }
+
<div class="col-sm-8 col-sm-offset-2">
    .bg-white {
+
<div class="col-sm-6">
        background-color:#fff;
+
<p>
        color:#000;
+
        padding: 60px 50px;
+
    }
+
    .bg-dark {
+
        background-color:#262626;
+
       
+
        padding: 60px 50px;
+
    }
+
      .bg-dark h1 {
+
        color:#fff !important;
+
       
+
    }
+
    footer.bg-dark p {
+
        color:#ededed !important;
+
    }
+
    .social-icons {
+
        display: inline;
+
        height:20px;
+
        width:20px;
+
        margin-right:10px;
+
    }
+
  
</style>
+
As a collaboration with the HebrewU iGEM team, we provided their team
 +
the Escherichia coli DH5α strain for their InterLab study. Representatives
 +
of this team came to our lab and we were glad to give them a tour.<br/>
 +
<br/>
 +
In conclusion, we hope that our measurements and results will provide the required data, which will help to achieve the final goal of this InterLab
 +
experiment.<br/>
 +
<br/>
 +
It was a wonderful experience to work on an international, collaborative
 +
study and help to the synthetic biology field develop.<p/>
 +
</div>
 +
<div class="col-sm-6">
 +
<img data-toggle="tooltip" title="Click to enlarge" id="myImg" onclick="myFunc(this)" src="https://static.igem.org/mediawiki/2018/2/22/T--BGU_Israel--interlab_nitzan.jpg" class="img-responsive" alt="Figure 5: Us, hard at work on the Interlab measurements">
 +
<p><u>Figure 5</u>: Us, hard at work on the Interlab measurements</p>
 +
</div>
  
<footer class="bg-dark">
 
    <div  class="container my-auto">
 
<div class="row">
 
    <div class="col-md-4">
 
        <h3>About OrignALS</h3>
 
        <p><br>Established in 2006, EchoSense Ltd. develops innovative ultrasound Doppler systems for the diagnosis and monitoring of cardiac and pulmonary diseases. EchoSense delivers a fast,reliable and non-invasive method of diagnosis and our technology has undergone successful clinical trials in the United States, Europe and Israel. The Echosense research and development center is based in Haifa, Israel.</p>
 
        <img class="responsive-img" src="https://static.igem.org/mediawiki/2018/f/f0/T--BGU_Israel--originals_white.png" width="50%">
 
       
 
        <img class="img-responsive" src="">
 
    </div>
 
    <div class="col-md-4">
 
    <ul class="footer-list">
 
        <h3>Keep in Touch</h3>
 
       
 
  <li class="footer-list-item"><img class="img-responsive social-icons" src="https://static.igem.org/mediawiki/2018/3/3c/T--BGU_Israel--facebook.png" > @iGEMBGU</li>
 
  <li class="footer-list-item"><img class="img-responsive social-icons" src="https://static.igem.org/mediawiki/2018/e/e9/T--BGU_Israel--instagram.png" >@igem_2018_bgu</li>
 
  <li class="footer-list-item"><img class="img-responsive social-icons" src="https://static.igem.org/mediawiki/2018/2/26/T--BGU_Israel--twitter.jpg" > @originalsbgu</li>
 
        <li class="footer-list-item"><img class="img-responsive social-icons" src="https://static.igem.org/mediawiki/2018/8/83/T--BGU_Israel--email.png" > bgu_israel@gmail.com</li>
 
</ul>
 
    </div>
 
    <div class="col-md-4">
 
    <ul class="footer-list">
 
        <h3>Address</h3>
 
  <li class="footer-list-item">Ben-Gurion University of the Negev<br>
 
Ben Gurion 1, Beer Sheva 8410501, Israel</li>
 
 
 
          <li class="footer-list-item"><img class="responsive-img" src="https://static.igem.org/mediawiki/2018/a/a5/T--BGU_Israel--bgu_white.png"></li>
 
</ul>
 
    </div>
 
   
 
 
</div>
 
</div>
        </div>
+
</div>
</footer>
+
</div>
 +
</div>
 +
 
 +
<!-- The Modal -->
 +
<div id="myModal" class="modal">
 +
  <span class="close" onclick="modal.style.display = 'none'">&times;</span>
 +
  <img class="modal-content" id="img01">
 +
  <div id="caption"></div>
 +
</div>
  
 
<script>
 
<script>
$(document).ready(function(){
+
// Get the modal
  // Add smooth scrolling to all links in navbar + footer link
+
var modal = document.getElementById('myModal');
  $(".navbar a, #myBtn[href='#top']").on('click', function(event) {
+
var modalImg = document.getElementById("img01");;
    // Make sure this.hash has a value before overriding default behavior
+
var captionText = document.getElementById("caption");
    if (this.hash !== "") {
+
      // Prevent default anchor click behavior
+
      event.preventDefault();
+
  
      // Store hash
+
function myFunc(el){
      var hash = this.hash;
+
    var ImgSrc = el.src;
 +
    var altText = el.alt;
 +
    modal.style.display = "block";
 +
    modalImg.src = ImgSrc;
 +
    captionText.innerHTML = altText;
  
      // Using jQuery's animate() method to add smooth page scroll
+
}
      // The optional number (900) specifies the number of milliseconds it takes to scroll to the specified area
+
window.onclick = function(event){
      $('html, body').animate({
+
     if(event.target == modal){
        scrollTop: $(hash).offset().top
+
        modal.style.display = "none";
      }, 500, function(){
+
}
 
+
}
        // Add hash (#) to URL when done scrolling (default click behavior)
+
        window.location.hash = hash;
+
      });
+
    } // End if
+
  });
+
 
+
  $(window).scroll(function() {
+
     $(".slideanim").each(function(){
+
      var pos = $(this).offset().top;
+
 
+
      var winTop = $(window).scrollTop();
+
        if (pos < winTop + 600) {
+
          $(this).addClass("slide");
+
        }
+
    });
+
  });
+
})
+
 
</script>
 
</script>
<script type="text/javascript">
 
    /*!
 
* parallax.js v1.5.0 (http://pixelcog.github.io/parallax.js/)
 
* @copyright 2016 PixelCog, Inc.
 
* @license MIT (https://github.com/pixelcog/parallax.js/blob/master/LICENSE)
 
*/
 
  
;(function ( $, window, document, undefined ) {
+
<script>
 
+
function myFunction() {
  // Polyfill for requestAnimationFrame
+
     var x = document.getElementById("myDIV");
  // via: https://gist.github.com/paulirish/1579671
+
     if (x.style.display === "none") {
 
+
        x.style.display = "block";
  (function() {
+
    } else {
     var lastTime = 0;
+
        x.style.display = "none";
     var vendors = ['ms', 'moz', 'webkit', 'o'];
+
    for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
+
      window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];
+
      window.cancelAnimationFrame = window[vendors[x]+'CancelAnimationFrame'] || window[vendors[x]+'CancelRequestAnimationFrame'];
+
 
     }
 
     }
 +
}
 +
</script>
  
    if (!window.requestAnimationFrame)
+
<script>
      window.requestAnimationFrame = function(callback) {
+
function myFunction2() {
        var currTime = new Date().getTime();
+
    var x = document.getElementById("myDIV2");
        var timeToCall = Math.max(0, 16 - (currTime - lastTime));
+
     if (x.style.display === "none") {
        var id = window.setTimeout(function() { callback(currTime + timeToCall); },
+
         x.style.display = "block";
          timeToCall);
+
     } else {
        lastTime = currTime + timeToCall;
+
        x.style.display = "none";
        return id;
+
      };
+
 
+
     if (!window.cancelAnimationFrame)
+
      window.cancelAnimationFrame = function(id) {
+
         clearTimeout(id);
+
      };
+
  }());
+
 
+
 
+
  // Parallax Constructor
+
 
+
  function Parallax(element, options) {
+
    var self = this;
+
 
+
     if (typeof options == 'object') {
+
      delete options.refresh;
+
      delete options.render;
+
      $.extend(this, options);
+
 
     }
 
     }
 
+
}
     this.$element = $(element);
+
</script>
 
+
<script>
     if (!this.imageSrc && this.$element.is('img')) {
+
function myFunction3() {
      this.imageSrc = this.$element.attr('src');
+
     var x = document.getElementById("myDIV3");
 +
     if (x.style.display === "none") {
 +
        x.style.display = "block";
 +
    } else {
 +
        x.style.display = "none";
 
     }
 
     }
 +
}
 +
</script>
  
    var positions = (this.position + '').toLowerCase().match(/\S+/g) || [];
 
  
    if (positions.length < 1) {
 
      positions.push('center');
 
    }
 
    if (positions.length == 1) {
 
      positions.push(positions[0]);
 
    }
 
 
    if (positions[0] == 'top' || positions[0] == 'bottom' || positions[1] == 'left' || positions[1] == 'right') {
 
      positions = [positions[1], positions[0]];
 
    }
 
 
    if (this.positionX !== undefined) positions[0] = this.positionX.toLowerCase();
 
    if (this.positionY !== undefined) positions[1] = this.positionY.toLowerCase();
 
 
    self.positionX = positions[0];
 
    self.positionY = positions[1];
 
 
    if (this.positionX != 'left' && this.positionX != 'right') {
 
      if (isNaN(parseInt(this.positionX))) {
 
        this.positionX = 'center';
 
      } else {
 
        this.positionX = parseInt(this.positionX);
 
      }
 
    }
 
 
    if (this.positionY != 'top' && this.positionY != 'bottom') {
 
      if (isNaN(parseInt(this.positionY))) {
 
        this.positionY = 'center';
 
      } else {
 
        this.positionY = parseInt(this.positionY);
 
      }
 
    }
 
 
    this.position =
 
      this.positionX + (isNaN(this.positionX)? '' : 'px') + ' ' +
 
      this.positionY + (isNaN(this.positionY)? '' : 'px');
 
 
    if (navigator.userAgent.match(/(iPod|iPhone|iPad)/)) {
 
      if (this.imageSrc && this.iosFix && !this.$element.is('img')) {
 
        this.$element.css({
 
          backgroundImage: 'url(' + this.imageSrc + ')',
 
          backgroundSize: 'cover',
 
          backgroundPosition: this.position
 
        });
 
      }
 
      return this;
 
    }
 
 
    if (navigator.userAgent.match(/(Android)/)) {
 
      if (this.imageSrc && this.androidFix && !this.$element.is('img')) {
 
        this.$element.css({
 
          backgroundImage: 'url(' + this.imageSrc + ')',
 
          backgroundSize: 'cover',
 
          backgroundPosition: this.position
 
        });
 
      }
 
      return this;
 
    }
 
 
    this.$mirror = $('<div />').prependTo(this.mirrorContainer);
 
 
    var slider = this.$element.find('>.parallax-slider');
 
    var sliderExisted = false;
 
 
    if (slider.length == 0)
 
      this.$slider = $('<img />').prependTo(this.$mirror);
 
    else {
 
      this.$slider = slider.prependTo(this.$mirror)
 
      sliderExisted = true;
 
    }
 
 
    this.$mirror.addClass('parallax-mirror').css({
 
      visibility: 'hidden',
 
      zIndex: this.zIndex,
 
      position: 'fixed',
 
      top: 0,
 
      left: 0,
 
      overflow: 'hidden'
 
    });
 
 
    this.$slider.addClass('parallax-slider').one('load', function() {
 
      if (!self.naturalHeight || !self.naturalWidth) {
 
        self.naturalHeight = this.naturalHeight || this.height || 1;
 
        self.naturalWidth  = this.naturalWidth  || this.width  || 1;
 
      }
 
      self.aspectRatio = self.naturalWidth / self.naturalHeight;
 
 
      Parallax.isSetup || Parallax.setup();
 
      Parallax.sliders.push(self);
 
      Parallax.isFresh = false;
 
      Parallax.requestRender();
 
    });
 
 
    if (!sliderExisted)
 
      this.$slider[0].src = this.imageSrc;
 
 
    if (this.naturalHeight && this.naturalWidth || this.$slider[0].complete || slider.length > 0) {
 
      this.$slider.trigger('load');
 
    }
 
 
  }
 
 
 
  // Parallax Instance Methods
 
 
  $.extend(Parallax.prototype, {
 
    speed:    0.2,
 
    bleed:    0,
 
    zIndex:  -100,
 
    iosFix:  true,
 
    androidFix: true,
 
    position: 'center',
 
    overScrollFix: false,
 
    mirrorContainer: 'body',
 
 
    refresh: function() {
 
      this.boxWidth        = this.$element.outerWidth();
 
      this.boxHeight      = this.$element.outerHeight() + this.bleed * 2;
 
      this.boxOffsetTop    = this.$element.offset().top - this.bleed;
 
      this.boxOffsetLeft  = this.$element.offset().left;
 
      this.boxOffsetBottom = this.boxOffsetTop + this.boxHeight;
 
 
      var winHeight = Parallax.winHeight;
 
      var docHeight = Parallax.docHeight;
 
      var maxOffset = Math.min(this.boxOffsetTop, docHeight - winHeight);
 
      var minOffset = Math.max(this.boxOffsetTop + this.boxHeight - winHeight, 0);
 
      var imageHeightMin = this.boxHeight + (maxOffset - minOffset) * (1 - this.speed) | 0;
 
      var imageOffsetMin = (this.boxOffsetTop - maxOffset) * (1 - this.speed) | 0;
 
      var margin;
 
 
      if (imageHeightMin * this.aspectRatio >= this.boxWidth) {
 
        this.imageWidth    = imageHeightMin * this.aspectRatio | 0;
 
        this.imageHeight  = imageHeightMin;
 
        this.offsetBaseTop = imageOffsetMin;
 
 
        margin = this.imageWidth - this.boxWidth;
 
 
        if (this.positionX == 'left') {
 
          this.offsetLeft = 0;
 
        } else if (this.positionX == 'right') {
 
          this.offsetLeft = - margin;
 
        } else if (!isNaN(this.positionX)) {
 
          this.offsetLeft = Math.max(this.positionX, - margin);
 
        } else {
 
          this.offsetLeft = - margin / 2 | 0;
 
        }
 
      } else {
 
        this.imageWidth    = this.boxWidth;
 
        this.imageHeight  = this.boxWidth / this.aspectRatio | 0;
 
        this.offsetLeft    = 0;
 
 
        margin = this.imageHeight - imageHeightMin;
 
 
        if (this.positionY == 'top') {
 
          this.offsetBaseTop = imageOffsetMin;
 
        } else if (this.positionY == 'bottom') {
 
          this.offsetBaseTop = imageOffsetMin - margin;
 
        } else if (!isNaN(this.positionY)) {
 
          this.offsetBaseTop = imageOffsetMin + Math.max(this.positionY, - margin);
 
        } else {
 
          this.offsetBaseTop = imageOffsetMin - margin / 2 | 0;
 
        }
 
      }
 
    },
 
 
    render: function() {
 
      var scrollTop    = Parallax.scrollTop;
 
      var scrollLeft  = Parallax.scrollLeft;
 
      var overScroll  = this.overScrollFix ? Parallax.overScroll : 0;
 
      var scrollBottom = scrollTop + Parallax.winHeight;
 
 
      if (this.boxOffsetBottom > scrollTop && this.boxOffsetTop <= scrollBottom) {
 
        this.visibility = 'visible';
 
        this.mirrorTop = this.boxOffsetTop  - scrollTop;
 
        this.mirrorLeft = this.boxOffsetLeft - scrollLeft;
 
        this.offsetTop = this.offsetBaseTop - this.mirrorTop * (1 - this.speed);
 
      } else {
 
        this.visibility = 'hidden';
 
      }
 
 
      this.$mirror.css({
 
        transform: 'translate3d('+this.mirrorLeft+'px, '+(this.mirrorTop - overScroll)+'px, 0px)',
 
        visibility: this.visibility,
 
        height: this.boxHeight,
 
        width: this.boxWidth
 
      });
 
 
      this.$slider.css({
 
        transform: 'translate3d('+this.offsetLeft+'px, '+this.offsetTop+'px, 0px)',
 
        position: 'absolute',
 
        height: this.imageHeight,
 
        width: this.imageWidth,
 
        maxWidth: 'none'
 
      });
 
    }
 
  });
 
 
 
  // Parallax Static Methods
 
 
  $.extend(Parallax, {
 
    scrollTop:    0,
 
    scrollLeft:  0,
 
    winHeight:    0,
 
    winWidth:    0,
 
    docHeight:    1 << 30,
 
    docWidth:    1 << 30,
 
    sliders:      [],
 
    isReady:      false,
 
    isFresh:      false,
 
    isBusy:      false,
 
 
    setup: function() {
 
      if (this.isReady) return;
 
 
      var self = this;
 
 
      var $doc = $(document), $win = $(window);
 
 
      var loadDimensions = function() {
 
        Parallax.winHeight = $win.height();
 
        Parallax.winWidth  = $win.width();
 
        Parallax.docHeight = $doc.height();
 
        Parallax.docWidth  = $doc.width();
 
      };
 
 
      var loadScrollPosition = function() {
 
        var winScrollTop  = $win.scrollTop();
 
        var scrollTopMax  = Parallax.docHeight - Parallax.winHeight;
 
        var scrollLeftMax = Parallax.docWidth  - Parallax.winWidth;
 
        Parallax.scrollTop  = Math.max(0, Math.min(scrollTopMax,  winScrollTop));
 
        Parallax.scrollLeft = Math.max(0, Math.min(scrollLeftMax, $win.scrollLeft()));
 
        Parallax.overScroll = Math.max(winScrollTop - scrollTopMax, Math.min(winScrollTop, 0));
 
      };
 
 
      $win.on('resize.px.parallax load.px.parallax', function() {
 
          loadDimensions();
 
          self.refresh();
 
          Parallax.isFresh = false;
 
          Parallax.requestRender();
 
        })
 
        .on('scroll.px.parallax load.px.parallax', function() {
 
          loadScrollPosition();
 
          Parallax.requestRender();
 
        });
 
 
      loadDimensions();
 
      loadScrollPosition();
 
 
      this.isReady = true;
 
 
      var lastPosition = -1;
 
 
      function frameLoop() {
 
        if (lastPosition == window.pageYOffset) {  // Avoid overcalculations
 
          window.requestAnimationFrame(frameLoop);
 
          return false;
 
        } else lastPosition = window.pageYOffset;
 
 
        self.render();
 
        window.requestAnimationFrame(frameLoop);
 
      }
 
 
      frameLoop();
 
    },
 
 
    configure: function(options) {
 
      if (typeof options == 'object') {
 
        delete options.refresh;
 
        delete options.render;
 
        $.extend(this.prototype, options);
 
      }
 
    },
 
 
    refresh: function() {
 
      $.each(this.sliders, function(){ this.refresh(); });
 
      this.isFresh = true;
 
    },
 
 
    render: function() {
 
      this.isFresh || this.refresh();
 
      $.each(this.sliders, function(){ this.render(); });
 
    },
 
 
    requestRender: function() {
 
      var self = this;
 
      self.render();
 
      self.isBusy = false;
 
    },
 
    destroy: function(el){
 
      var i,
 
          parallaxElement = $(el).data('px.parallax');
 
      parallaxElement.$mirror.remove();
 
      for(i=0; i < this.sliders.length; i+=1){
 
        if(this.sliders[i] == parallaxElement){
 
          this.sliders.splice(i, 1);
 
        }
 
      }
 
      $(el).data('px.parallax', false);
 
      if(this.sliders.length === 0){
 
        $(window).off('scroll.px.parallax resize.px.parallax load.px.parallax');
 
        this.isReady = false;
 
        Parallax.isSetup = false;
 
      }
 
    }
 
  });
 
 
 
  // Parallax Plugin Definition
 
 
  function Plugin(option) {
 
    return this.each(function () {
 
      var $this = $(this);
 
      var options = typeof option == 'object' && option;
 
 
      if (this == window || this == document || $this.is('body')) {
 
        Parallax.configure(options);
 
      }
 
      else if (!$this.data('px.parallax')) {
 
        options = $.extend({}, $this.data(), options);
 
        $this.data('px.parallax', new Parallax(this, options));
 
      }
 
      else if (typeof option == 'object')
 
      {
 
        $.extend($this.data('px.parallax'), options);
 
      }
 
      if (typeof option == 'string') {
 
        if(option == 'destroy'){
 
            Parallax.destroy(this);
 
        }else{
 
          Parallax[option]();
 
        }
 
      }
 
    });
 
  }
 
 
  var old = $.fn.parallax;
 
 
  $.fn.parallax            = Plugin;
 
  $.fn.parallax.Constructor = Parallax;
 
 
 
  // Parallax No Conflict
 
 
  $.fn.parallax.noConflict = function () {
 
    $.fn.parallax = old;
 
    return this;
 
  };
 
 
 
  // Parallax Data-API
 
 
  $( function () {
 
    $('[data-parallax="scroll"]').parallax();
 
  });
 
 
}(jQuery, window, document));
 
 
 
    </script>
 
    <script>
 
// When the user scrolls down 20px from the top of the document, show the button
 
$(window).scroll(function() {
 
    if ($(this).scrollTop() > 20) {
 
        $('#myBtn').fadeIn(400);
 
    } else {
 
        $('#myBtn').fadeOut(400);
 
    }
 
});
 
 
</script>
 
 
</body>
 
</body>
 
</html>
 
</html>
 +
{{Template:BGU_Israel/footer}}

Latest revision as of 19:10, 17 October 2018

OriginALS

OriginALS

InterLab

Our team chose to participate in the Fifth International InterLab Measurement Study in synthetic biology.
The goal of the iGEM InterLab Study is to identify and correct the sources of systematic variability in synthetic biology measurements, so that eventually, measurements that are taken in different labs will be no more variable than measurements taken within the same lab.
In this study we want to reduce lab-to-lab variability in fluorescence measurements by normalizing it to absolute cell count or colony-forming units (CFUs) instead of OD.
The fluorescence in the bacteria in our experiments occurs due to the presence of a gene that encodes a green fluorescent protein: GFP.
In cell and molecular biology, the GFP gene is frequently used as an expression reporter protein. Reporter genes are often used as an indication that a certain gene has been internalized or expressed in cells or organisms.

Equipment

All our measurements were taken in a plate reader that can read both absorbance and fluorescence (Neoteck-Tecan-INFINITE M100) without a pathlength correction. The temperature was set to 25̊C, under shaking with a duration of 3 sec and an amplitude of 2 mm. We went through a tutorial and learned how to operate the machine.
In addition, we used the following reagents (Partially supplied by iGEM):

  • 1.0 ml LUDOX CL-X.
  • 150 μL Silica Bead (microsphere suspension).
  • Fluorescein (powder, in amber tube)
  • iGEM Parts Distribution Kit Plates.
  • 1 x PBS (phosphate buffered saline, pH 7.4 - 7.6.
  • ddH2O
  • Competent cells (Escherichia coli DH5α).
  • LB (Luria Bertani) media.
  • Chloramphenicol
  • 96 well plates, black with clear flat bottom.

Safety procedures

As part of an ongoing work in a biological laboratory, safety gear was used to work with bacteria. The work was done with closed shoes, long pants, gloves and lab coats.
In order to maintain a clean environment, and sterility between the samples the work was performed next to a flame, and all the disposable parts were thrown after a single use into a biological waste bin.
Before and after work, work surfaces were sterilized with 70% alcohol.

Protocols

Calibration 1: OD600 Reference point - LUDOX Protocol:
100 μL LUDOX were added into wells A1, B1, C1, D1.
100 μLof ddH2O were added into wells A2, B2, C2, D2


LUDOX CL-X H2O
Replicate 1 0.0561 0.029
Replicate 2 0.0522 0.0266
Replicate 3 0.0554 0.033
Replicate 4 0.0534 0.0292
Arith. Mean 0.054 0.029
Corrected Abs600 0.025
Reference OD600 0.063
OD600/Abs600 2.538

Table 1: OD600/Abs600 measurements.
The correction factor is 2.538.



Calibration 2: Particle Standard Curve - Microsphere Protocol

  • The Silica Beads from the InterLab test kit were vigorously vortexed for 30 seconds.
  • 96 μL microspheres were pipetted into a 1.5 mL Eppendorf tubes.
  • 904 μL of ddH2O were added to the microspheres.
  • The Microsphere Stock Solution was vortexed well.
  • 200 μL of Microsphere Stock Solution were transferred into each well in column 1.
  • 100 μL of ddH2O were added into each well (2-12) in the corresponding row.
  • Serial dilution by transfer of 100 μL from column to column with good mixing.
  • Absorbance measurements of all the samples in the plate reader in 600 nm.
  • Figure 1: Particle Standard Curve

    Figure 1: Particle Standard Curve

    Figure 2: Particle Standard Curve log scale

    Figure 2: Particle Standard Curve log scale.

    We got a linear correlation between the Abs600 and the amount of particle.

    Calibration 3: Fluorescence standard curve - Fluorescein Protocol

    • Fluorescein kit tube was spun-down to make sure pellet is at the bottom of the tube.
    • 10x fluorescein stock solution (100 μM) was prepared by resuspending fluorescein in 1.0 mL of 1xPBS.
    • 10x fluorescein stock solution was diluted with 1x PBS to make a 1x fluorescein solution with a concentration 10 μM.
    • 200 μL of 1x fluorescein was transferred into each well in column 1.
    • Serial dilution by transferring 100 μL from column to column with good mixing.
    • Fluorescence measurements of all the samples in the plate reader.

    When we got the feedback about out results, we were told that there was a problem with the measurements in which the positive and the negative results were too close, so we repeated the measurements.
    After the second repetition of the measurements, we produced the results for the Excel sheet and the results were presented below in figures 3 and 4:

    Figure 3: Fluorescein Standard Curve

    Figure 3: Fluorescein Standard Curve

    Figure 4: Fluorescein Standard Curve log scale

    Figure 4: Fluorescein Standard Curve log scale

    The Fluorescence standard curve of Fluorescein (figure 3) allows us to convert cell-based fluorescence reading originating from GFP fluorescence (at the same wavelengths) readings to equivalent fluorescein concentrations found in the calibration curve.

    Cell measurement protocol:
    Day 1:
    Escherichia coli DH5α was transformed with the following parts all harboured in pSB1C3 plasmids as indicated in table 2:


    Device Part Number Plate Plate Location
    Negative control BBa_R0040 Kit Plate 7 Well 2B
    Test Device 1 BBa_J364000 Kit Plate 7 Well 2F
    Test Device 2 BBa_J364001 Kit Plate 7 Well 2H
    Test Device 3 BBa_J364002 Kit Plate 7 Well 2J
    Test Device 4 BBa_J364007 Kit Plate 7 Well 2L
    Test Device 5 BBa_J364008 Kit Plate 7 Well 2N
    Test Device 6 BBa_J364009 Kit Plate 7 Well 2P

    Table 2: plasmids list and locations



    Day 2:
    2 colonies from each of the transformation plates were picked and inoculated in 10.0 mL LB medium + Chloramphenicol.
    The cells were incubated overnight at 37°C and 220 rpm shaking.

    Day3: Cell growth, sampling, and assay

    • 1:10 dilution of each overnight culture in LB+Chloramphenicol.
    • Abs600 measurement of these 1:10 diluted cultures.
    • Dilution of the cultures further to a target Abs600 of 0.02 in a final volume of 12 ml LB medium + Chloramphenicol.
    • 500 µL samples of the diluted cultures at 0 hours were taken into 1.5 ml Eppendorf tubes and placed on ice.
    • The remainder of the cultures incubated at 37°C and 220 rpm for 6 hours.
    • 500 µL samples of the cultures at 6 hours of incubation were taken into 1.5 ml Eppendorf tubes and placed on ice.
    • Abs600 and fluorescence measurement of all the samples- the results were added to the Excel sheet.

    Colony Forming Units per 0.1 OD600 E. coli cultures:
    Step 1: “Starting Sample” Preparation

    • The overnight culture of the Positive Control (BBa_I20270) and the Negative Control (BBa_R0040) were diluted 1:8: 25 μL culture to 175 μL LB + Cam in a well of a 96-well plate.
    • OD600 measurement of the samples (include blank media measurement).
    • Dilution of the overnight culture to OD600 = 0.1 in 1.0 mL of LB + Cam media according the calculation of (C1)(V1) = (C2)(V2).
    • The dilution cultures were added in triplicate samples into the 96 well-plates. Each well had 200 μL.
    • OD600 measurement of the samples.

    Step 2: Dilution Series

    • Serial Dilution was made to the triplicate Starting Samples of the previous step according to the instruction of the protocol.
    • From each sample, 3 dilutions (8*10-3 , 8*10-4, 8*10-5) were plated on LB + Cam plate.
    • Incubation of the plates at 37°C overnight.
    • Colonies were counted after 18-20 hours of growth.

    Step 3: CFU/mL/OD Calculation

    • The colonies on each plate were counted.
    • The colony count was multiplied by the Final Dilution Factor on each plate as shown in Table 3:

    (note: CFU values presented below are in 10^8 scale)

    Plate number

    Number of colonies

    CFU*10^8

    1.1 dilution 3

    >300

     

    1.1 dilution 4

    82

    0.656

    1.1 dilution 5

    25

    2

    1.2 dilution 3

    >300

     

    1.2 dilution 4

    102

    0.816

    1.2 dilution 5

    8

    0.64

    1.3 dilution 3

    >300

     

    1.3 dilution 4

    126

    1.008

    1.3 dilution 5

    22

    1.76

    2.1 dilution 3

    >300

     

    2.1 dilution 4

    61

    0.488

    2.1 dilution 5

    5

    0.4

    2.2 dilution 3

    237

    0.1896

    2.2 dilution 4

    42

    0.336

    2.2 dilution 5

    7

    0.56

    2.3 dilution 3

    >300

     

    2.3 dilution 4

    85

    0.68

    2.3 dilution 5

    10

    0.8

    3.1 dilution 3

    >300

     

    3.1 dilution 4

    73

    0.584

    3.1 dilution 5

    2

    0.16

    3.2 dilution 3

    >300

     

    3.2 dilution 4

    52

    0.416

    3.2 dilution 5

    4

    0.32

    3.3 dilution 3

    >300

     

    3.3 dilution 4

    64

    0.512

    3.3 dilution 5

    6

    0.48

    4.1 dilution 3

    >300

     

    4.1 dilution 4

    38

    0.304

    4.1 dilution 5

    14

    1.12

    4.2 dilution 3

    >300

     

    4.2 dilution 4

    50

    0.4

    4.2 dilution 5

    7

    0.56

    4.3 dilution 3

    292

    0.2336

    4.3 dilution 4

    36

    0.288

    4.3 dilution 5

    0

    0

    Table 3: CFU counts under different dilutions



    These results provide us a direct correlation between actual concentrations of bacteria (actual number) to OD600.

Final remarks

As a collaboration with the HebrewU iGEM team, we provided their team the Escherichia coli DH5α strain for their InterLab study. Representatives of this team came to our lab and we were glad to give them a tour.

In conclusion, we hope that our measurements and results will provide the required data, which will help to achieve the final goal of this InterLab experiment.

It was a wonderful experience to work on an international, collaborative study and help to the synthetic biology field develop.

Figure 5: Us, hard at work on the Interlab measurements

Figure 5: Us, hard at work on the Interlab measurements

OriginALS

About Us


The BGU-iGEM team “OriginALS” hopes to develop an innovative therapeutic approach to prolong the life expectancy of ALS patients, using Synthetic Biology. We are dedicated to promoting ALS awareness and research in Israel through public engagement and educational activities.