Difference between revisions of "Team:Mingdao/Notebook"

Line 5: Line 5:
 
     <link href='https://fonts.googleapis.com/css?family=Arizonia' rel='stylesheet'>
 
     <link href='https://fonts.googleapis.com/css?family=Arizonia' rel='stylesheet'>
 
     <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet'>
 
     <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet'>
−
     <title>APP</title>
+
     <title>Inter Lab</title>
 
   </head>
 
   </head>
−
 
+
  <style type="text/css">
−
<style type="text/css">
+
  
 
* {
 
* {
Line 20: Line 19:
 
   padding: 0;
 
   padding: 0;
 
   font-family: 'Ubuntu' !important; }
 
   font-family: 'Ubuntu' !important; }
−
img.right {
+
 
−
    float: right;
+
 
−
  }
+
−
img.center{
+
−
display: block;
+
−
  margin: 0 auto;
+
−
}
+
 
.bg-container {
 
.bg-container {
 +
  overflow: hidden;
 
   position: relative;
 
   position: relative;
−
   max-height: 200vh; }
+
   background-color: #c5d7d9;
−
   .bg-container > img {
+
   background-image: url(https://static.igem.org/mediawiki/2017/2/20/T--CSMU_NCHU_Taiwan--inter_lab.png);
−
    width: 100%;
+
  background-repeat: repeat-y;
−
    margin-top: -45px; }
+
  background-size: 100%;
 +
}
  
 
.my-main-container {
 
.my-main-container {
−
  position: absolute;
 
−
  top: 0;
 
−
  left: 0;
 
 
   width: 100%;
 
   width: 100%;
−
  height: 100%;
 
 
   padding: 50px 7%;
 
   padding: 50px 7%;
−
  min-height: 200vh;
+
}
−
}
+
  
 
.main-content {
 
.main-content {
Line 52: Line 43:
 
   z-index: 10; }
 
   z-index: 10; }
  
−
.m-text-area h1 {
+
.text-area {
 +
  margin-bottom: 80px; }
 +
  .text-area h1 {
 
     font-size: 60px;
 
     font-size: 60px;
 
     font-weight: 700;
 
     font-weight: 700;
 
     font-family: 'Arizonia' !important;
 
     font-family: 'Arizonia' !important;
−
     text-align: center;
+
     text-align: center; }
−
    margin-bottom: 1rem; }
+
  .text-area p {
−
.m-text-area p {
+
 
     font-size: 22px;
 
     font-size: 22px;
−
    margin-left:5px;
 
 
     font-weight: 500; }
 
     font-weight: 500; }
  
−
.m-block img {
+
.pdfbtn {
−
   width: 100%; }
+
   width: 100%;
−
 
+
   margin: 20px 0 10px 0;
−
.path-btns {
+
   padding: 10px 20px;
−
   position: fixed;
+
   border-radius: 5px;
−
   width: 250px;
+
   background-color: #556b7e;
−
   top: 200px;
+
   color: white;
−
   left: 225px; }
+
  display: block;
−
   .path-btns .path-dot {
+
  position: relative; }
−
    width: 25px;
+
  .pdfbtn i {
−
    height: 25px;
+
−
    border-radius: 50%;
+
 
     position: absolute;
 
     position: absolute;
−
     background-color: #fff;
+
     right: 50px;
−
     top: 5px;
+
     top: 50%;
−
     left: 27px;
+
     transform: translateY(-50%); }
−
    border: 5px solid #385e66;
+
−
    cursor: pointer; }
+
−
    .path-btns .path-dot.active {
+
−
      background-color: #385e66; }
+
−
    .path-btns .path-dot:hover {
+
−
      transition: all .3s;
+
−
      transform: scale(1.2); }
+
−
 
+
−
 
+
−
.path {
+
−
  height: 65px;
+
−
  display: flex; }
+
−
  .path .pathSvg {
+
−
    display: block; }
+
−
  .path .pathWord {
+
−
    padding-right: 10%; }
+
−
  .path .path-btn {
+
−
    cursor: pointer;
+
−
    fill: #fff; }
+
−
    .path .path-btn.path-active {
+
−
      fill: #385e66; }
+
−
  .path .path-word-sm {
+
−
    font-size: 12px; }
+
−
#HQ_page .path .pathWord p {
+
−
      font-weight: 700;
+
−
      text-align: left !important;
+
−
      font-size: 16px;
+
−
}
+
−
#HQ_page .m-text-area p {
+
−
  font-size: 22px;
+
−
  font-family: 'Ubuntu';
+
−
  font-weight: 500; }
+
−
img.center {
+
−
  display: block;
+
−
  margin: 0 auto; }
+
−
 
+
−
.m-text-area h2 {
+
−
    text-align: center;
+
−
    font-size: 40px;
+
−
    font-weight:700;
+
−
    margin-bottom: 2rem !important;
+
−
    margin-top: 2rem;
+
−
    color: #603813 !important; }
+
−
 
+
−
 
+
−
 
+
−
.path-tags{
+
−
  position: fixed;
+
−
  left: 1%;
+
−
  top: 270px;
+
−
}
+
−
.path-tags ul{
+
−
  color: #006837;
+
−
  list-style: none;
+
−
  font-size: 16px;
+
−
}
+
−
 
+
−
.path-tags li{
+
−
  cursor: pointer;
+
−
}
+
−
 
+
−
.path-tags span{
+
−
    color: #fff;
+
−
    position: relative;
+
−
    top: -8px;
+
−
    left: 10px;
+
−
    z-index: 1;
+
−
    font-size: 20px;
+
−
}
+
−
.m-block span{
+
−
  position: absolute;
+
−
  bottom: 80px;
+
−
  right: 350px;
+
−
  background-color: #fadd3a;
+
−
  padding: 1px 10px;
+
−
  border-radius: 5px;
+
−
  margin-left: 20px;
+
−
  cursor: pointer;
+
−
}
+
−
 
+
−
.m-block a,
+
−
.m-block a:visited,
+
−
.m-block a:hover,
+
−
.m-block a:focus{
+
−
    text-decoration: none;
+
−
    color: #000;
+
−
}
+
−
.top {
+
−
  position: fixed;
+
−
  right: 50px;
+
−
  bottom: 50px;
+
−
  height: 50px;
+
−
  width: 50px;
+
−
  cursor: pointer; }
+
−
  .top img {
+
−
    width: 100%; }
+
−
.hp-bg-container {
+
−
 
+
−
  position: relative;
+
−
  max-height: 200vh;
+
−
  background-color: #fdf8e3; }
+
−
  .hp-bg-container > img {
+
−
    width: 100%;
+
−
    margin-top: -45px; }
+
−
 
+
−
.hp-main-container {
+
−
  position: absolute;
+
−
  top: 0;
+
−
  left: 0;
+
−
  width: 100%;
+
−
  height: 100%;
+
−
  padding: 50px 7%;
+
−
  min-height: 100vh;
+
−
}
+
−
 
+
−
.hp-main-content {
+
−
  background-color: white;
+
−
  width: 80%;
+
−
  margin-left: 10%;
+
−
  margin-top:150px;
+
−
  padding: 0px;
+
−
  min-height: 0vh;
+
−
  z-index: 10; }
+
−
 
+
−
.hp-title {
+
−
  position: relative;
+
−
  top: 20px;
+
−
  text-align: center;
+
−
  font-size: 60px;
+
−
  font-weight: 700;
+
−
  font-family: 'Arizonia' !important;
+
−
  margin-bottom: 30px !important;
+
−
}
+
  
 
.pdf-container {
 
.pdf-container {
Line 217: Line 73:
 
   text-align: center;
 
   text-align: center;
 
   height: 90vh;
 
   height: 90vh;
−
 
+
  display: none; }
−
  }
+
  
 
.ul-container {
 
.ul-container {
Line 226: Line 81:
 
   }
 
   }
  
−
.ul2-container {
 
−
  width: 100%;
 
−
  text-align: center;
 
−
  height: auto;
 
−
display: none;
 
−
  }
 
 
.ul-container ul.medal li {
 
.ul-container ul.medal li {
−
 
 
 
   list-style: none; }
 
   list-style: none; }
 
   .ul-container ul.medal li:before {
 
   .ul-container ul.medal li:before {
Line 246: Line 94:
 
.ul-container ul {
 
.ul-container ul {
 
   text-align: left;
 
   text-align: left;
−
  font-family: 'Ubuntu';
+
   padding: 20px 50px;
−
   padding: 20px 20px;
+
−
  margin-top: -20px;
+
 
   margin-left: 0;
 
   margin-left: 0;
 +
 
   border: #556b7e solid 2px;
 
   border: #556b7e solid 2px;
 
   font-size: 22px; }
 
   font-size: 22px; }
−
  .ul-container ul.ul-brown {
 
−
 
−
    border: #603813 solid 2px; }
 
 
   .ul-container ul li {
 
   .ul-container ul li {
−
margin-left: 30px;
 
−
margin-top: 50px;
 
−
margin-bottom: 20px;
 
 
     padding: 10px;
 
     padding: 10px;
 
     list-style: disc; }
 
     list-style: disc; }
Line 276: Line 117:
 
       padding-left: 10px; }
 
       padding-left: 10px; }
  
−
.pdfbtn {
+
#HQ_page .text-area p {
−
  width: 100%;
+
   font-size: 22px;
−
  margin: 20px 0 10px 0;
+
   font-family: 'Ubuntu';
−
  padding: 10px 20px;
+
   font-weight: 500; }
−
  border-radius: 5px;
+
.top {
−
  background-color: #556b7e;
+
  position: fixed;
−
  color: white;
+
  right: 50px;
−
text-align: left;
+
   bottom: 50px;
−
   font-size:22px;
+
   height: 50px;
−
 
+
   width: 50px;
−
   display: block;
+
   cursor: pointer; }
−
  position: relative; }
+
   .top img {
−
.pdfbtn2 {
+
−
  width: 100%;
+
−
  margin: 20px 0 10px 0;
+
−
  padding: 10px 20px;
+
−
  border-radius: 5px;
+
−
  background-color: #556b7e;
+
−
  color: white;
+
−
   font-size:22px;
+
−
text-align: left;
+
−
  display: block;
+
−
  position: relative; }
+
−
  .pdfbtn2 i {
+
−
    position: absolute;
+
−
    right: 50px;
+
−
    top: 50%;
+
−
    transform: translateY(-50%); }
+
−
.pdfbtn p{
+
−
 
+
−
color: white;
+
−
margin: 0px auto;
+
−
 
+
−
}
+
−
.brown-btn {
+
−
   background-color: #556b7e;
+
−
   height:50px;
+
−
}
+
−
 
+
−
.img-container {
+
−
   width: 100%;
+
−
   text-align: center;
+
−
  }
+
−
   .img-container img {
+
 
     width: 100%; }
 
     width: 100%; }
−
.ul-roman-style{
+
h2 {
−
list-style-type :upper-roman;
+
font-family: 'Ubuntu';
−
font-size:22px;
+
font-size: 30px;
 +
text-align: center;
 +
color: #000000 !important;
 
}
 
}
  
 
</style>
 
</style>
  
−
<body>
+
  <body>
−
     <div class="hp-bg-container" style="max-height:none;">
+
     <div class="bg-container">
−
      <img src="https://static.igem.org/mediawiki/2017/0/00/T--CSMU_NCHU_Taiwan--LabBookBg2.png">
+
       <div class="my-main-container">
−
       <div class="hp-main-container">
+
         <div class="main-content">
−
         <h1 class="hp-title">Notebook</h1>
+
          <div class="text-area">
−
        <div class="hp-main-content">
+
             <h1>Inter Lab</h1>
−
          <div class="pdf-area">
+
            <p>The aim of the interlab this year is to assess the relationship between fluorescence and Abs600 when samples were measured all around the world.</p>
−
             <span class="pdfbtn" id="">Notebook</span>                
+
−
                        <div class="img-container" id="lab-1">
+
−
<embed src="https://static.igem.org/mediawiki/2017/1/1d/T--CSMU_NCHU_Taiwan--LabBook.pdf" style="width:100%; height:1000px" frameborder="0"></embed>
+
  
−
            </div></div>
+
         
  
  
  
 +
          <div class="pdf-area">
 +
<div class="img-container" id="lab-1">
 +
<embed src="https://static.igem.org/mediawiki/2017/9/9b/T--CSMU_NCHU_Taiwan--inter_lab_result.pdf" style="width:100%; height:1000px" frameborder="0"></embed>
 +
            </div>
 
           </div>
 
           </div>
−
</div>
+
<h2>Discussion</h2>
 +
<div class="ul-container">
 +
              <ul>
 +
                <li>This year, we finished our interlab study in July. However, the first version of the protocol provided from iGEM HQ did not suggest a clear λex and λem then. We tracked back to the resource of the Fluorescein Sodium Salt in the Measurement Kit, and found that the λex is 460nm and the λem is 515nm in the <a href="http://www.sigmaaldrich.com/catalog/product/sial/30181" style="text-decoration:underline;"> Sigma-Aldrich’s website.</a> Therefore, we adopted these values in our interlab study.</li>
 +
                <li>The value of Fluorescence deviated much from the standard curve in high Fluorescein Concentration. It is hypothesized that the Fluorescence will be distorted because of self-absorption effect.</li>
 +
                <li>It was found that the ratio decreased over time for all samples, except for Test Device 1. Taking the high Fluorescein/Abs600 radio of Test Device 1 into account, there was little variation in readings when using different settings on the plate reader. Given that iGEM HQ has kept the protocol consistent, it is hypothesized that the Fluorescence was high enough to ignore the self-absorption of Fluorescein.</li>
 +
                <li>As shown in the results, the growth of the E. coli in the six test devices and both controls were not consistent during the 6-hour period. It is implied that the variation of the Fluorescein could be interfered by the count of E. coli not by the ability to produce Fluorescein.</li>
 +
              </ul>
 +
            </div>
 +
          </div>
 +
        </div>
 
       </div>
 
       </div>
−
 
+
    </div>
−
 
+
 
     <div class="top">
 
     <div class="top">
 
       <img src="https://static.igem.org/mediawiki/2017/5/52/T--CSMU_NCHU_Taiwan--top.png" alt="">
 
       <img src="https://static.igem.org/mediawiki/2017/5/52/T--CSMU_NCHU_Taiwan--top.png" alt="">
Line 353: Line 174:
 
   </body>
 
   </body>
 
   <script type="text/javascript">
 
   <script type="text/javascript">
−
     $(document).ready(function(){
+
     $('#interlab-btn-1').on('click', function(){
−
       $('.top').on('click', function(){
+
       $('#interlab-1').css('height','250vh')
−
        $('html, body').animate({scrollTop: '0px'}, 500);
+
      $('#interlab-1').slideToggle("slow");
−
       });
+
      $('.bg-container').css('max-height','500vh')
−
  });
+
       $('.main-content').css('min-height','200vh')
−
  $(document).ready(function(){
+
    });
−
 
+
    $('#interlab-btn-2').on('click', function(){
−
       for( var i = 1; i < 3; i++){
+
       $('#interlab-2').slideToggle("slow");
−
        $('#figure-btn-' + i).click( toggleContainer(i) );
+
       $('.bg-container').css('max-height','500vh')
−
       }
+
      $('.main-content').css('min-height','200vh')
−
      for( var j = 1; j < 3; j++){
+
    });
−
        $('#question-btn-' + j).click( toggleContainer2(j) );
+
    $('.top').on('click', function(){
−
      }
+
−
 
+
−
      $('.top').on('click', function(){
+
 
       $('html, body').animate({scrollTop: '0px'}, 500);
 
       $('html, body').animate({scrollTop: '0px'}, 500);
 
     });
 
     });
−
 
+
</script>
−
});
+
−
 
+
−
 
+
−
function toggleContainer(i){
+
−
  return function(){
+
−
      if($('#figure-'+i).is(":visible")){
+
−
        $('#figure-'+i).slideToggle(500);
+
−
      }
+
−
     
+
−
      else{
+
−
        $('.img-container:visible').slideToggle(500);
+
−
        $('#figure-'+i).slideToggle(650);
+
−
      }
+
−
   
+
−
      $('.hp-bg-container').css('max-height','none')
+
−
      $('.main-content').css('min-height','200vh')
+
−
  }
+
−
}
+
−
function toggleContainer2(j){
+
−
  return function(){
+
−
      if($('#question-'+j).is(":visible")){
+
−
        $('#question-'+j).slideToggle(500);
+
−
      }
+
−
     
+
−
      else{
+
−
        $('.img-container:visible').slideToggle(500);
+
−
        $('#question-'+j).slideToggle(500);
+
−
      }
+
−
   
+
−
      $('.hp-bg-container').css('max-height','none')
+
−
      $('.main-content').css('min-height','200vh')
+
−
  }
+
−
}
+
−
  </script>
+
−
 
+
 
</html>
 
</html>

Revision as of 06:59, 11 September 2018

HOME
Inter Lab

Inter Lab

The aim of the interlab this year is to assess the relationship between fluorescence and Abs600 when samples were measured all around the world.

Discussion

  • This year, we finished our interlab study in July. However, the first version of the protocol provided from iGEM HQ did not suggest a clear λex and λem then. We tracked back to the resource of the Fluorescein Sodium Salt in the Measurement Kit, and found that the λex is 460nm and the λem is 515nm in the Sigma-Aldrich’s website. Therefore, we adopted these values in our interlab study.
  • The value of Fluorescence deviated much from the standard curve in high Fluorescein Concentration. It is hypothesized that the Fluorescence will be distorted because of self-absorption effect.
  • It was found that the ratio decreased over time for all samples, except for Test Device 1. Taking the high Fluorescein/Abs600 radio of Test Device 1 into account, there was little variation in readings when using different settings on the plate reader. Given that iGEM HQ has kept the protocol consistent, it is hypothesized that the Fluorescence was high enough to ignore the self-absorption of Fluorescein.
  • As shown in the results, the growth of the E. coli in the six test devices and both controls were not consistent during the 6-hour period. It is implied that the variation of the Fluorescein could be interfered by the count of E. coli not by the ability to produce Fluorescein.