Difference between revisions of "Team:Mingdao/Notebook"

Line 216: Line 216:
 
           <div class="m-text-area">
 
           <div class="m-text-area">
 
             <h1>Notebook</h1>
 
             <h1>Notebook</h1>
             <div id="timeline" class="m-block" >
+
             <div id="notebook-timeline" class="m-block" >
 
             <h2>Timeline</h3>
 
             <h2>Timeline</h3>
 
             <img src="https://static.igem.org/mediawiki/2018/6/61/T--Mingdao--notebook_timeline1.jpg">
 
             <img src="https://static.igem.org/mediawiki/2018/6/61/T--Mingdao--notebook_timeline1.jpg">
Line 284: Line 284:
 
         <ul>
 
         <ul>
 
           <p class="tag">Notebook</p>
 
           <p class="tag">Notebook</p>
 +
          <li id="timeline-btn" class="tag-btn">- Timeline</li>
 
           <li id="assay-btn" class="tag-btn">- Mosquito Assay </li>
 
           <li id="assay-btn" class="tag-btn">- Mosquito Assay </li>
 
           <li id="functional-btn" class="tag-btn">- Functional Assay</li>
 
           <li id="functional-btn" class="tag-btn">- Functional Assay</li>
Line 305: Line 306:
 
       $('.top').on('click', function(){
 
       $('.top').on('click', function(){
 
         $('html, body').animate({scrollTop: '0px'}, 500);
 
         $('html, body').animate({scrollTop: '0px'}, 500);
 +
      });
 +
     
 +
      $("#timeline-btn").click(function() {
 +
        $('html, body').animate({
 +
            scrollTop: $("#notebook-timeline").offset().top
 +
        }, 500);
 
       });
 
       });
 
        
 
        

Revision as of 07:20, 2 October 2018

Model

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