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="model-protein" class="m-block" >
+
             <div id="notebook-plasmid" class="m-block" >
 
                 <h2 class="m-subtitle">Plasmid Extraction</h2>
 
                 <h2 class="m-subtitle">Plasmid Extraction</h2>
 
                 <img src="https://static.igem.org/mediawiki/2017/f/f8/T--CSMU_NCHU_Taiwan--green.png" style="width: 60%; transform: translate(35%, -150%);">
 
                 <img src="https://static.igem.org/mediawiki/2017/f/f8/T--CSMU_NCHU_Taiwan--green.png" style="width: 60%; transform: translate(35%, -150%);">
Line 222: Line 222:
 
             </div>
 
             </div>
 
              
 
              
−
                 <div id="model-intro" class="m-block" >
+
                 <div id="notebook-PCR" class="m-block" >
 
                 <h2 class="m-subtitle">PCR & Conoly PCR</h2>
 
                 <h2 class="m-subtitle">PCR & Conoly PCR</h2>
 
                 <img src="https://static.igem.org/mediawiki/2017/f/f8/T--CSMU_NCHU_Taiwan--green.png" style="width: 60%; transform: translate(35%, -150%);">
 
                 <img src="https://static.igem.org/mediawiki/2017/f/f8/T--CSMU_NCHU_Taiwan--green.png" style="width: 60%; transform: translate(35%, -150%);">
Line 232: Line 232:
 
             </div>
 
             </div>
 
              
 
              
−
             <div id="model-docking" class="m-block" >
+
             <div id="notebook-gel" class="m-block" >
 
                 <h2 class="m-subtitle">Gel Elution & PCR Cleanup</h2>
 
                 <h2 class="m-subtitle">Gel Elution & PCR Cleanup</h2>
 
                 <img src="https://static.igem.org/mediawiki/2017/f/f8/T--CSMU_NCHU_Taiwan--green.png" style="width: 60%; transform: translate(22%, -150%);">
 
                 <img src="https://static.igem.org/mediawiki/2017/f/f8/T--CSMU_NCHU_Taiwan--green.png" style="width: 60%; transform: translate(22%, -150%);">
Line 240: Line 240:
 
             </div>
 
             </div>
 
              
 
              
−
             <div id="model-conclusion" class="m-block" >
+
             <div id="notebook-restriction" class="m-block" >
 
                 <h2 class="m-subtitle">Restriction Enzyme</h2>
 
                 <h2 class="m-subtitle">Restriction Enzyme</h2>
 
                 <img src="https://static.igem.org/mediawiki/2017/f/f8/T--CSMU_NCHU_Taiwan--green.png" style="width: 60%; transform: translate(35%, -150%);">
 
                 <img src="https://static.igem.org/mediawiki/2017/f/f8/T--CSMU_NCHU_Taiwan--green.png" style="width: 60%; transform: translate(35%, -150%);">
Line 248: Line 248:
 
             </div>
 
             </div>
  
−
             <div id="model-transformation" class="m-block" >
+
             <div id="notebook-transformation" class="m-block" >
 
                 <h2 class="m-subtitle">Transformation</h2>
 
                 <h2 class="m-subtitle">Transformation</h2>
 
                 <img src="https://static.igem.org/mediawiki/2017/f/f8/T--CSMU_NCHU_Taiwan--green.png" style="width: 60%; transform: translate(22%, -150%);">
 
                 <img src="https://static.igem.org/mediawiki/2017/f/f8/T--CSMU_NCHU_Taiwan--green.png" style="width: 60%; transform: translate(22%, -150%);">
Line 254: Line 254:
 
             </div>
 
             </div>
  
−
             <div id="model-glucose" class="m-block" >
+
             <div id="notebook-glucose" class="m-block" >
 
                 <h2 class="m-subtitle">Glucose Assay</h2>
 
                 <h2 class="m-subtitle">Glucose Assay</h2>
 
                 <img src="https://static.igem.org/mediawiki/2017/f/f8/T--CSMU_NCHU_Taiwan--green.png" style="width: 60%; transform: translate(22%, -150%);">
 
                 <img src="https://static.igem.org/mediawiki/2017/f/f8/T--CSMU_NCHU_Taiwan--green.png" style="width: 60%; transform: translate(22%, -150%);">
Line 260: Line 260:
 
             </div>
 
             </div>
  
−
             <div id="model-flaw" class="m-block" >
+
             <div id="notebook-flaw" class="m-block" >
 
                 <h2 class="m-subtitle">Flaw Chart</h2>
 
                 <h2 class="m-subtitle">Flaw Chart</h2>
 
                 <img src="https://static.igem.org/mediawiki/2017/f/f8/T--CSMU_NCHU_Taiwan--green.png" style="width: 60%; transform: translate(22%, -150%);">
 
                 <img src="https://static.igem.org/mediawiki/2017/f/f8/T--CSMU_NCHU_Taiwan--green.png" style="width: 60%; transform: translate(22%, -150%);">
Line 277: Line 277:
 
         <ul>
 
         <ul>
 
           <p class="tag">Notebook</p>
 
           <p class="tag">Notebook</p>
−
           <li id="protein-btn" class="tag-btn">- Plasmid extraction</li>
+
           <li id="plasmid-btn" class="tag-btn">- Plasmid extraction</li>
−
           <li id="intro-btn" class="tag-btn">- PCR & Colony PCR</li>
+
           <li id="PCR-btn" class="tag-btn">- PCR & Colony PCR</li>
−
           <li id="docking-btn" class="tag-btn">- Gel elution & PCR cleanup</li>
+
           <li id="gel-btn" class="tag-btn">- Gel elution & PCR cleanup</li>
−
           <li id="conclusion-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="glucose-btn" class="tag-btn">- Glucose assay</li>
Line 299: Line 299:
 
       });
 
       });
  
−
       $("ul>li#intro-btn").click(function() {
+
       $("ul>li#plasmid-btn").click(function() {
 
         $('html, body').animate({
 
         $('html, body').animate({
−
             scrollTop: $("#model-intro").offset().top
+
             scrollTop: $("#notebook-plasmid").offset().top
 
         }, 500);
 
         }, 500);
 
       });
 
       });
−
       $("#protein-btn").click(function() {
+
       $("#PCR-btn").click(function() {
 
         $('html, body').animate({
 
         $('html, body').animate({
−
             scrollTop: $("#model-protein").offset().top
+
             scrollTop: $("#notebook-PCR").offset().top
 
         }, 500);
 
         }, 500);
 
       });
 
       });
−
       $("#docking-btn").click(function() {
+
       $("#gel-btn").click(function() {
 
         $('html, body').animate({
 
         $('html, body').animate({
−
             scrollTop: $("#model-docking").offset().top
+
             scrollTop: $("#notebook-gel").offset().top
 
         }, 500);
 
         }, 500);
 
       });
 
       });
−
       $("#conclusion-btn").click(function() {
+
       $("#restriction-btn").click(function() {
 
         $('html, body').animate({
 
         $('html, body').animate({
−
             scrollTop: $("#model-conslusion").offset().top
+
             scrollTop: $("#notebook-restriction").offset().top
 +
        }, 500);
 +
      });
 +
      $("#transformation-btn").click(function() {
 +
        $('html, body').animate({
 +
            scrollTop: $("#notebook-transformation").offset().top
 +
        }, 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);
 
         }, 500);
 
       });
 
       });

Revision as of 15:05, 11 September 2018

HOME
Model

Notebook

Plasmid Extraction

PCR & Conoly PCR

Gel Elution & PCR Cleanup

Restriction Enzyme

Transformation

Glucose Assay

Flaw Chart

    Notebook

  • - Plasmid extraction
  • - PCR & Colony PCR
  • - Gel elution & PCR cleanup
  • - Restriction enzyme
  • - Transformation
  • - Glucose assay
  • - Flaw chart