Difference between revisions of "Team:Mingdao/Notebook"

Line 214: Line 214:
 
           <div class="m-text-area">
 
           <div class="m-text-area">
 
             <h1>Notebook</h1>
 
             <h1>Notebook</h1>
 +
           
 +
            <div id="notebook-assay" class="m-block" >
 +
                <h3>Mosquito Assay</h3>
 +
                <img src="https://static.igem.org/mediawiki/2018/3/35/T--Mingdao--notebook_flow_chart1.jpg">
 +
             
 +
            </div>
 +
           
 +
            </div>
 +
               
 +
              <div id="notebook-functional" class="m-block" >
 +
              <h2 class="m-subtitle">Functional Assay</h2>
 +
              <img src="https://static.igem.org/mediawiki/2018/f/fb/T--Mingdao--notebook_flaw_chart2.jpg">
 +
             
 +
           
 +
            </div>
 +
 +
 
             <div id="notebook-plasmid" class="m-block" >
 
             <div id="notebook-plasmid" class="m-block" >
 
                 <h2 class="m-subtitle">Plasmid Extraction</h2>
 
                 <h2 class="m-subtitle">Plasmid Extraction</h2>
Line 220: Line 237:
 
                 <img src="https://static.igem.org/mediawiki/2018/3/39/T--Mingdao--notebook1.jpg">
 
                 <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">
 
                 <img src="https://static.igem.org/mediawiki/2018/a/a0/T--Mingdao--notebook2.jpg">
−
             </div>
+
              
 
              
 
              
 
                 <div id="notebook-PCR" class="m-block" >
 
                 <div id="notebook-PCR" class="m-block" >
Line 253: Line 270:
 
             </div>
 
             </div>
  
−
            <div id="notebook-glucose" class="m-block" >
+
         
−
                <h2 class="m-subtitle">Glucose Assay</h2>
+
−
             
+
−
            <img src="https://static.igem.org/mediawiki/2018/6/61/T--Mingdao--notebook9.jpg"> 
+
−
            </div>
+
−
 
+
−
            <div id="notebook-flaw" class="m-block" >
+
−
                <h2 class="m-subtitle">Flaw Chart</h2>
+
−
               
+
−
                <img src="https://static.igem.org/mediawiki/2018/3/35/T--Mingdao--notebook_flow_chart1.jpg">
+
−
                <img src="https://static.igem.org/mediawiki/2018/f/fb/T--Mingdao--notebook_flaw_chart2.jpg">
+
−
               
+
−
            </div>
+
 
              
 
              
 
                  
 
                  
Line 276: Line 281:
 
         <ul>
 
         <ul>
 
           <p class="tag">Notebook</p>
 
           <p class="tag">Notebook</p>
 +
          <li id="assay-btn" class="tag-btn">- Mosquito Assay </li>
 +
          <li id="functional-btn" class="tag-btn">- Functional Assay</li>
 
           <li id="plasmid-btn" class="tag-btn">- Plasmid Extraction</li>
 
           <li id="plasmid-btn" class="tag-btn">- Plasmid Extraction</li>
 
           <li id="PCR-btn" class="tag-btn">- PCR & Colony PCR</li>
 
           <li id="PCR-btn" class="tag-btn">- PCR & Colony PCR</li>
Line 281: Line 288:
 
           <li id="restriction-btn" class="tag-btn">- Restriction Enzyme</li>
 
           <li id="restriction-btn" class="tag-btn">- Restriction Enzyme</li>
 
           <li id="transformation-btn" class="tag-btn">- Transformation</li>
 
           <li id="transformation-btn" class="tag-btn">- Transformation</li>
−
           <li id="glucose-btn" class="tag-btn">- Glucose Assay</li>
+
            
−
          <li id="flaw-btn" class="tag-btn">- Flaw Chart</li>
+
  
 
            
 
            
Line 297: Line 303:
 
         $('html, body').animate({scrollTop: '0px'}, 500);
 
         $('html, body').animate({scrollTop: '0px'}, 500);
 
       });
 
       });
 +
     
 +
      $("#assay-btn").click(function() {
 +
        $('html, body').animate({
 +
            scrollTop: $("#notebook-assay").offset().top
 +
        }, 500);
 +
      });
 +
     
 +
      $("#functional-btn").click(function() {
 +
        $('html, body').animate({
 +
            scrollTop: $("#notebook-functional").offset().top
 +
        }, 500);
 +
      });
 +
  
 
       $("ul>li#plasmid-btn").click(function() {
 
       $("ul>li#plasmid-btn").click(function() {
Line 323: Line 342:
 
         }, 500);
 
         }, 500);
 
       });
 
       });
−
       $("#glucose-btn").click(function() {
+
        
−
        $('html, body').animate({
+
−
            scrollTop: $("#notebook-glucose").offset().top
+
−
        }, 500);
+
−
      });
+
−
      $("#flaw-btn").click(function() {
+
−
        $('html, body').animate({
+
−
            scrollTop: $("#notebook-flaw").offset().top
+
−
        }, 500);
+
−
      });
+
−
 
+
 
   });
 
   });
 
   $(document).ready(function(){
 
   $(document).ready(function(){

Revision as of 11:42, 12 September 2018

HOME
Model

Notebook

Mosquito Assay

Functional Assay

Plasmid Extraction

PCR & Conoly PCR

Gel Elution & PCR Cleanup

Restriction Enzyme

Transformation

    Notebook

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