Difference between revisions of "Team:Mingdao/Notebook"

 
(155 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
{{:Team:Mingdao/test}}
+
{{:Team:Mingdao/test9}}
−
 
+
−
 
+
 
<html>
 
<html>
−
 
 
<html lang="en">
 
<html lang="en">
 
   <head>
 
   <head>
Line 9: Line 6:
 
     <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>software</title>
+
     <title>Notebook</title>
 +
 
 
   </head>
 
   </head>
  
Line 28: Line 26:
 
   margin: 0 auto; }
 
   margin: 0 auto; }
  
 +
 +
img.right {
 +
    float: right;
 +
  }
 
.bg-container {
 
.bg-container {
 +
  background-attachment: fixed;
 +
 
 
   overflow: hidden;
 
   overflow: hidden;
 
   position: relative;
 
   position: relative;
−
   background-image: url(https://static.igem.org/mediawiki/2017/3/34/T--CSMU_NCHU_Taiwan--long-model.png);
+
   background-image: url(https://static.igem.org/mediawiki/2018/4/4b/T--Mingdao--NotebookBackground.jpg);
−
   background-repeat: repeat-y;
+
   background-repeat: no-repeat;
 
   background-size: 100%;
 
   background-size: 100%;
 +
  background-position: center;
 
}
 
}
  
 
.my-main-container {
 
.my-main-container {
 
   width: 100%;
 
   width: 100%;
−
   padding: 50px 7%;
+
   padding: 600px 7%;
 
  }
 
  }
  
 
.main-content {
 
.main-content {
−
   background-color: white;
+
   background-color: rgba(255, 255, 255, .4);
−
   width: 80%;
+
   width: 90%;
−
   margin-left: 10%;
+
   margin-left: 5%;
 
   padding: 50px;
 
   padding: 50px;
 
   min-height: 180vh;
 
   min-height: 180vh;
Line 50: Line 55:
  
 
.m-text-area h1 {
 
.m-text-area h1 {
−
     font-size: 60px;
+
     font-size: 50px;
 
     font-weight: 700;
 
     font-weight: 700;
 
     font-family: 'Arizonia' !important;
 
     font-family: 'Arizonia' !important;
 
     text-align: center;
 
     text-align: center;
−
     margin-bottom: 1rem; }
+
     margin-bottom: 1rem;
 +
    color: #385e66; }
 
.m-text-area p {
 
.m-text-area p {
 
     font-size: 22px !important;
 
     font-size: 22px !important;
Line 74: Line 80:
 
     position: absolute;
 
     position: absolute;
 
     background-color: #fff;
 
     background-color: #fff;
−
     top: 5px;
+
     top: 10px;
 
     left: 27px;
 
     left: 27px;
 
     border: 5px solid #385e66;
 
     border: 5px solid #385e66;
Line 128: Line 134:
 
.path-tags{
 
.path-tags{
 
   position: fixed;
 
   position: fixed;
−
   left: 15%;
+
   left: 11%;
 
   top: 200px;
 
   top: 200px;
 
}
 
}
Line 143: Line 149:
  
 
.path-tags span{
 
.path-tags span{
−
     color: #fff;
+
     color: #385e66;
 
     position: relative;
 
     position: relative;
 
     top: -8px;
 
     top: -8px;
 
     left: 10px;
 
     left: 10px;
 
     z-index: 1;
 
     z-index: 1;
−
     font-size: 20px;
+
 
 +
     font-size: 15px;
 
}
 
}
 
.top {
 
.top {
Line 163: Line 170:
 
     text-align: left;
 
     text-align: left;
 
     font-weight:700;
 
     font-weight:700;
−
     margin-bottom: 2rem !important;
+
     margin-bottom: 3rem !important;
 
     margin-top: 1rem;
 
     margin-top: 1rem;
−
     color: #385e66 !important; }
+
     color: #385e66 !important; }
 
.m-text-area p2 {
 
.m-text-area p2 {
 
     font-size: 15px;
 
     font-size: 15px;
 
     }
 
     }
−
.ul-style li{
+
 
−
list-style-type: disc;
+
 
−
font-size:28px;
+
.img-container {
−
}
+
  width: 100%;
 +
  text-align: center;
 +
  display: none; }
 +
  .img-container img {
 +
    width: 100%; }
 +
 
 +
 
 +
.pdfbtn {
 +
  width: 100%;
 +
  margin: 20px 0 10px 0;
 +
  padding: 10px 20px;
 +
  border-radius: 5px;
 +
  background-color: #385e66;
 +
  color: white;
 +
  display: block;
 +
  position: relative; }
 +
  .pdfbtn i {
 +
    position: absolute;
 +
    right: 50px;
 +
    top: 50%;
 +
    transform: translateY(-50%); }
  
 
.tag{
 
.tag{
Line 178: Line 205:
 
   font-weight:bold;
 
   font-weight:bold;
 
   color:#385e66 !important;
 
   color:#385e66 !important;
−
  margin-top:5px;
 
 
   font-family: 'Ubuntu' !important;
 
   font-family: 'Ubuntu' !important;
 
}
 
}
 +
.top-picture{
 +
  position:absolute;
 +
  z-index:1
 +
}
 +
 
</style>
 
</style>
  
 
<body>
 
<body>
−
    <div class="bg-container" style="max-height:none;">
+
<div class="bg-container" style="max-height:none;">  
−
      <!-- <img src="https://static.igem.org/mediawiki/2017/1/1b/T--CSMU_NCHU_Taiwan--modeling.png"> -->
+
<img class="top-picture" src="https://static.igem.org/mediawiki/2018/8/85/T--Mingdao--Phil13-7.png" style="width:100%">
 +
   
 
       <div class="my-main-container">
 
       <div class="my-main-container">
 
         <div class="main-content">
 
         <div class="main-content">
 
           <div class="m-text-area">
 
           <div class="m-text-area">
−
             <h1>Parts model</h1>
+
       
−
             <div id="model-intro" class="m-block" >
+
             <div id="notebook-timeline" class="m-block" >
−
                 <h2 class="m-subtitle">Overview</h2>
+
            <h1>Timeline</h1>
−
                 <img src="https://static.igem.org/mediawiki/2017/0/06/Csmuxnchu_model_line_green.png" style="width: 60%; transform: translate(35%, -150%);">
+
            <!-- <h3>Timeline</h3> -->
−
 
+
             <img src="https://static.igem.org/mediawiki/2018/e/e5/T--Mingdao--notebook_timeline_hp.jpg">
−
                 <p>This year,  our parts modeling focuses on predicting the result of the productivity of MSMEG_5998(BBa_K2382001) and Thioredoxin-MSMEG_5998 fusion protein(BBa_K2382009). Since our anti-aflatoxin protein could be used widely in many applications, such as antidote, and feed additive(see more in our human practice page), it is an indispensable important part to our project to have this data when we mass-produce our anti-aflatoxin protein in future work.<br></p>
+
            <img src="https://static.igem.org/mediawiki/2018/4/42/T--Mingdao--notebook_timeline_hp2.jpg">
−
 
+
<br />
 +
<br />
 +
<br />
 +
<br />
 +
            <img src="https://static.igem.org/mediawiki/2018/6/61/T--Mingdao--notebook_timeline1.jpg">
 +
            <img src="https://static.igem.org/mediawiki/2018/b/bc/T--Mingdao--notebook_timeline4.jpg">
 +
            <img src="https://static.igem.org/mediawiki/2018/4/42/T--Mingdao--notebook_timeline_hp2.jpg">
 +
<br />
 +
<br />
 +
<br />
 +
<br />
 +
                 <div id="notebook-assay" class="m-block" >
 +
                <h1>Mosquito Assay</h1>
 +
              <!--  <h3>Mosquito Assay</h3> -->
 +
                 <img src="https://static.igem.org/mediawiki/2018/3/35/T--Mingdao--notebook_flow_chart1.jpg">
 +
             
 +
            </div>
 +
<br />
 +
<br />
 +
<br />
 +
<br />             
 +
              <div id="notebook-functional" class="m-block" >
 +
                 <h1>Functional Assay</h1>
 +
                <img src="https://static.igem.org/mediawiki/2018/f/fb/T--Mingdao--notebook_flaw_chart2.jpg">
 +
             
 +
           
 +
            </div>
 +
<br />
 +
<br />
 +
<br />
 +
<br /> 
  
 +
            <div id="notebook-plasmid" class="m-block" >
 +
<br />
 +
                <h1>Plasmid Extraction</h1>
 +
               
 +
               
 +
                <img src="https://static.igem.org/mediawiki/2018/3/39/T--Mingdao--notebook1.jpg">
 +
                <img src="https://static.igem.org/mediawiki/2018/a/a0/T--Mingdao--notebook2.jpg">
 
             </div>
 
             </div>
−
             <div id="parts-Material" class="Material and Method" >
+
<br />
−
                 <h2 class="m-subtitle">Material and Method</h2>
+
<br />
−
                 <img src="https://static.igem.org/mediawiki/2017/0/06/Csmuxnchu_model_line_green.png" style="width: 60%; transform: translate(35%, -150%);">
+
<br />
−
                 <p>We transformed the plasmids that contained MSMEG_5998(BBa_K2382001) and Thioredoxin-MSMEG_5998 fusion protein(BBa_K2382009) respectively into competent cell E.coli BL21. After cultured overnight, measure the ABS600 and diluting the LB medium to O.D.=0.1. Then incubate at 37℃, 150 rpm until the O.D. of the samples reach 0.4 to 0.6 . Add 80ul 100mM IPTG( final concentration : 0.4mM ) to 125 ml flask and return to 37°C. From then on, after measure the O.D. values, transfer 1 ml from the induced sample and centrifuge at maximum speed for 60 seconds at RT and remove supernatant at 0, 1, 2, 3, 4, 5, 6, 7, 8 hours and 0, 0.5, 1.0, 1.5, 2.0 ,2.5 , 3.0, 3.5, 4 hours.
+
<br />           
−
Then we use Western Blot mehtod to amalyze the quantaty of MSMEG_5998 at each time spot.
+
             <div id="notebook-PCR" class="m-block" >
−
<br></p>
+
<br />
−
 
+
                 <h1>PCR & Conoly PCR</h1>
 +
             
 +
                 <img src="https://static.igem.org/mediawiki/2018/2/2d/T--Mingdao--notebook3.jpg">
 +
                 <img src="https://static.igem.org/mediawiki/2018/a/aa/T--Mingdao--notebook4.jpg">
  
 +
<br />
 +
<br />
 +
<br />
 +
<br />               
 
             </div>
 
             </div>
−
             <div id="parts-Result" class="Result" >
+
           
−
                <h2 class="m-subtitle">Result</h2>
+
             <div id="notebook-gel" class="m-block" >
−
                 <img src="https://static.igem.org/mediawiki/2017/0/06/Csmuxnchu_model_line_green.png" style="width: 60%; transform: translate(35%, -150%);">
+
<br />
−
 
+
                 <h1>Gel Elution & PCR Cleanup</h1>
−
 
+
             
−
                <br>
+
             
−
                 <img src="https://static.igem.org/mediawiki/2017/5/50/T--CSMU_NCHU_Taiwan--MSMEG5998od0-4.png" alt="" style="width: 100%" >
+
                 <img src="https://static.igem.org/mediawiki/2018/b/be/T--Mingdao--notebook5.jpg">
−
                <br><br>
+
                 <img src="https://static.igem.org/mediawiki/2018/5/5e/T--Mingdao--notebook6.jpg">  
−
 
+
            </div>
−
              <p><strong>Fig. I</strong> The growth curve of BL21 induced by IPTG from 0 to 4 hours. The concentration of BL21 reached stationary phase at 4 hours.</p>
+
<br />
−
                <br>
+
<br />
−
                <br>
+
<br />
−
                 <img src="https://static.igem.org/mediawiki/2017/d/d0/T--CSMU_NCHU_Taiwan--MSMEG5998od0-8.png" alt="" style="width:100%" >
+
<br />            
−
                <br>
+
            <div id="notebook-restriction" class="m-block" >
−
              <p><strong>Fig. II</strong> The growth curve of BL21 from 0 to 8 hr. The concentration of BL21 reached stationary phase at 4 hours and then declined slightly.</p>
+
<br />
−
                <br>
+
                <h1>Restriction Enzyme</h1>
−
 
+
                  
−
                <img src="https://static.igem.org/mediawiki/2017/a/a5/T--CSMU_NCHU_Taiwan--MSMEG5998western0-8.png" alt="" style="width:100%" >
+
−
                <br>
+
−
                <img src="https://static.igem.org/mediawiki/2017/c/c2/T--CSMU_NCHU_Taiwan--MSMEG5998western0-4.png" alt="" style="width:100%" >
+
−
                <br>
+
−
              <p><strong>Fig. III</strong> Cell lysates from E. coli BL21 with Synthetic MSMEG5998 from 0 to 8 hours and 0 to 4 hours were analyzed by Western blot. The amount of Synthetic MSMEG5998 increased consistently with time.</p>
+
−
                 <br>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
  
 +
              <img src="https://static.igem.org/mediawiki/2018/5/5b/T--Mingdao--notebook7.jpg">
 +
               
 
             </div>
 
             </div>
−
             <div id="parts-Discussion" class="Discussion" >
+
<br />
−
                 <h2 class="m-subtitle">Discussion</h2>
+
<br />
−
                 <img src="https://static.igem.org/mediawiki/2017/0/06/Csmuxnchu_model_line_green.png" style="width: 60%; transform: translate(35%, -150%);">
+
<br />
−
                <p>1. According to the data shown above, the growth curve of E.coli BL21 with Synthetic MSMEG_5998 reached the ceiling when the O.D. value was approximately at 2 while the  amount of Synthetic MSMEG_5998 were still increasing.</p>
+
<br /> 
−
                <p>2. Though the amount of Synthetic MSMEG_5998 increased consistently with time, we could not jump to conclusions that it was proper to incubate E.coli as long as possible. Another consideration was the time it would take. Just as our expected, it growed fast at the first 2.5 hours. That’s why we also chose 2.5hr after induced by IPTG when we  extracted Synthetic MSMEG_5998 from total cell lysate in other experiments.</p>
+
             <div id="notebook-transformation" class="m-block" >
−
                <p>3. Based on previous experience, if the E.coli was incubated over 4 hours, the protein that it expressed may be degraded or mis-folded, leading to malfunction. As a result, it was also an important issue for this modeling. However, because of the lack of F420, we did not have the chance to check the enzyme activity of each time spot.  It was still unknown whether the titer of the Synthetic MSMEG_5998 would change or not and awaited further research.</p>
+
<br />
−
 
+
                 <h1>Transformation</h1>
−
 
+
                  
 +
              <img src="https://static.igem.org/mediawiki/2018/d/dc/T--Mingdao--notebook8.jpg">  
 
             </div>
 
             </div>
  
−
 
+
         
−
 
+
           
−
 
+
               
  
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 +
 
       <div class="path-tags">
 
       <div class="path-tags">
 
         <ul>
 
         <ul>
−
           <a href="https://2017.igem.org/Team:CSMU_NCHU_Taiwan/Model" style="color:black;font-size:18px">Structure & Docking Model</a>
+
           <p class="tag">Notebook</p>
−
           <br>
+
          <li id="timeline-btn" class="tag-btn">- Timeline</li>
−
           <a href="https://2017.igem.org/Team:CSMU_NCHU_Taiwan/Model/Degradation" style="color:black;font-size:18px;margin-top:5px">Degradation Model</a>
+
           <li id="assay-btn" class="tag-btn">- Mosquito Assay </li>
−
           <br>
+
           <li id="functional-btn" class="tag-btn">- Functional Assay</li>
−
<p class="tag">Parts Model</p>
+
           <li id="plasmid-btn" class="tag-btn">- Plasmid Extraction</li>
−
           <li id="intro-btn" class="tag-btn">- Overview</li>
+
           <li id="PCR-btn" class="tag-btn">- PCR & Colony PCR</li>
−
           <li id="Material-btn" class="tag-btn">- Material and Method</li>
+
           <li id="gel-btn" class="tag-btn">- Gel Elution & PCR Cleanup</li>
−
           <li id="Result-btn" class="tag-btn">- Result</li>
+
           <li id="restriction-btn" class="tag-btn">- Restriction Enzyme</li>
−
           <li id="Discussion-btn"class="tag-btn">- Discussion</li>
+
           <li id="transformation-btn" class="tag-btn">- Transformation</li>
−
           <br>
+
            
  
 +
         
 
         </ul>
 
         </ul>
 
       </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/2018/5/58/T--Mingdao--go_to_top.jpg" alt="">
 
     </div>
 
     </div>
 
   </body>
 
   </body>
Line 283: Line 349:
 
         $('html, body').animate({scrollTop: '0px'}, 500);
 
         $('html, body').animate({scrollTop: '0px'}, 500);
 
       });
 
       });
−
 
+
     
−
      $("ul>li#intro-btn").click(function() {
+
      $("#timeline-btn").click(function() {
 
         $('html, body').animate({
 
         $('html, body').animate({
−
             scrollTop: $("#model-intro").offset().top
+
             scrollTop: $("#notebook-timeline").offset().top
 
         }, 500);
 
         }, 500);
 
       });
 
       });
−
       $("#Material-btn").click(function() {
+
     
 +
       $("#assay-btn").click(function() {
 
         $('html, body').animate({
 
         $('html, body').animate({
−
             scrollTop: $("#parts-Material").offset().top
+
             scrollTop: $("#notebook-assay").offset().top
 
         }, 500);
 
         }, 500);
 
       });
 
       });
−
       $("#Result-btn").click(function() {
+
     
 +
       $("#functional-btn").click(function() {
 
         $('html, body').animate({
 
         $('html, body').animate({
−
             scrollTop: $("#parts-Result").offset().top
+
             scrollTop: $("#notebook-functional").offset().top
 
         }, 500);
 
         }, 500);
 
       });
 
       });
  
−
       $("#Discussion-btn").click(function() {
+
 
 +
       $("ul>li#plasmid-btn").click(function() {
 
         $('html, body').animate({
 
         $('html, body').animate({
−
             scrollTop: $("#parts-Discussion").offset().top
+
             scrollTop: $("#notebook-plasmid").offset().top
 
         }, 500);
 
         }, 500);
 
       });
 
       });
 +
      $("#PCR-btn").click(function() {
 +
        $('html, body').animate({
 +
            scrollTop: $("#notebook-PCR").offset().top
 +
        }, 500);
 +
      });
 +
      $("#gel-btn").click(function() {
 +
        $('html, body').animate({
 +
            scrollTop: $("#notebook-gel").offset().top
 +
        }, 500);
 +
      });
 +
      $("#restriction-btn").click(function() {
 +
        $('html, body').animate({
 +
            scrollTop: $("#notebook-restriction").offset().top
 +
        }, 500);
 +
      });
 +
      $("#transformation-btn").click(function() {
 +
        $('html, body').animate({
 +
            scrollTop: $("#notebook-transformation").offset().top
 +
        }, 500);
 +
      });
 +
     
 +
  });
 +
  $(document).ready(function(){
  
 +
      for( var i = 1; i < 2; i++){
 +
        $('#public-btn-' + i).click( toggleContainer(i) );
 +
      }
  
−
  });
+
      $('.top').on('click', function(){
 +
      $('html, body').animate({scrollTop: '0px'}, 500);
 +
    });
  
 +
});
 +
 +
function toggleContainer(i){
 +
  return function(){
 +
      if($('#public-'+i).is(":visible")){
 +
        $('#public-'+i).slideToggle(500);
 +
      }
 +
      else{
 +
        $('.img-container:visible').slideToggle(500);
 +
        $('#public-'+i).slideToggle(500);
 +
      }
 +
      $('.hp-bg-container').css('max-height','none')
 +
      $('.main-content').css('min-height','200vh')
 +
  }
 +
}
 
   </script>
 
   </script>
  
  
 
</html>
 
</html>
 +
 +
 +
{{:Team:Mingdao/test6}}

Latest revision as of 15:32, 15 October 2018

HOME
Notebook

Timeline









Mosquito Assay





Functional Assay






Plasmid Extraction






PCR & Conoly PCR






Gel Elution & PCR Cleanup






Restriction Enzyme






Transformation

    Notebook

  • - Timeline
  • - Mosquito Assay
  • - Functional Assay
  • - Plasmid Extraction
  • - PCR & Colony PCR
  • - Gel Elution & PCR Cleanup
  • - Restriction Enzyme
  • - Transformation