Difference between revisions of "Team:SJTU-BioX-Shanghai/Notebook"

Line 13: Line 13:
 
         $(".menu_item").eq(2).find("span").eq(0).css("background-color","rgba(200,200,200,0.5)");
 
         $(".menu_item").eq(2).find("span").eq(0).css("background-color","rgba(200,200,200,0.5)");
  
         var src = 'https://static.igem.org/mediawiki/2018/c/c5/T--SJTU-BioX-Shanghai--Mouse_experiment_notebook.pdf';
+
         var molecular_src = 'https://static.igem.org/mediawiki/2018/5/54/T--SJTU-BioX-Shanghai--molecular_notebook.pdf';
 +
        var cell_src = 'https://static.igem.org/mediawiki/2018/8/81/T--SJTU-BioX-Shanghai--cell_biology_experiment_notebook.pdf';
 +
        var mouse_src = 'https://static.igem.org/mediawiki/2018/c/c5/T--SJTU-BioX-Shanghai--Mouse_experiment_notebook.pdf';
 
          
 
          
 
         $("#pdf_viewer1").media({
 
         $("#pdf_viewer1").media({
Line 20: Line 22:
 
               height : '800px',
 
               height : '800px',
 
               autoplay : true,
 
               autoplay : true,
               src : src
+
               src : molecular_src
 +
 
 +
        });
 +
 
 +
        $("#pdf_viewer3").media({
 +
 
 +
            width : '100%',
 +
              height : '800px',
 +
              autoplay : true,
 +
              src : cell_src
 +
 
 +
        });
 +
 
 +
 
 +
        $("#pdf_viewer3").media({
 +
 
 +
            width : '100%',
 +
              height : '800px',
 +
              autoplay : true,
 +
              src : mouse_src
  
 
         });
 
         });
Line 57: Line 78:
  
 
                             <!--****** Modify the section title here and leave the rest nav-bar settings untact *************-->
 
                             <!--****** Modify the section title here and leave the rest nav-bar settings untact *************-->
                     Section1
+
                     Molecular
 
                     <!--****** Modify the section title here and leave the rest nav-bar settings untact *************-->
 
                     <!--****** Modify the section title here and leave the rest nav-bar settings untact *************-->
  
Line 68: Line 89:
  
 
                           <!--****** Modify the section title here and leave the rest nav-bar settings untact *************-->
 
                           <!--****** Modify the section title here and leave the rest nav-bar settings untact *************-->
                     Section2
+
                     Cell
 
                     <!--****** Modify the section title here and leave the rest nav-bar settings untact *************-->
 
                     <!--****** Modify the section title here and leave the rest nav-bar settings untact *************-->
  
Line 90: Line 111:
  
 
                             <!--****** Modify the section title here and leave the rest nav-bar settings untact *************-->
 
                             <!--****** Modify the section title here and leave the rest nav-bar settings untact *************-->
                     Section4
+
                     Mouse
 
                     <!--****** Modify the section title here and leave the rest nav-bar settings untact *************-->
 
                     <!--****** Modify the section title here and leave the rest nav-bar settings untact *************-->
  
Line 96: Line 117:
 
                         </li>
 
                         </li>
  
                         <li class="content_nav_item">
+
                          
                         
+
                            <a title="skip to Section5" href="#section5">
+
                           
+
<!--****** Modify the section title here and leave the rest nav-bar settings untact *************-->
+
                    Section5
+
                    <!--****** Modify the section title here and leave the rest nav-bar settings untact *************-->
+
 
+
                            </a>
+
                        </li>
+
  
 
                     </ul>     
 
                     </ul>     
Line 130: Line 142:
 
                 <a id="section1">
 
                 <a id="section1">
 
                     <span class="place_holder"></span>
 
                     <span class="place_holder"></span>
                     Section1
+
                     Molecular Experiment Notebook
 
                 </a>
 
                 </a>
 
             </h2>
 
             </h2>
Line 141: Line 153:
 
                 <a id="section2">
 
                 <a id="section2">
 
                     <span class="place_holder"></span>
 
                     <span class="place_holder"></span>
                     Section2
+
                     Cell Experiment Notebook
 
                 </a>
 
                 </a>
 
             </h2>
 
             </h2>
             <p>2018.9.5
+
             <div id="pdf_viewer2"></div>    
1. Change medium for HT29 P8 A, HT29 P8 B
+
 
2. Change medium for HACAT P1
+
3. Discard HT29 P1 A
+
4. Thaw HT29 P1 ①, HT29 P1 ②
+
xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxxxxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxxxxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx
+
            </p>
+
 
              
 
              
 
             <h2>
 
             <h2>
 
                 <a id="section3">
 
                 <a id="section3">
 
                     <span class="place_holder"></span>
 
                     <span class="place_holder"></span>
                     Section3
+
                     Mouse Experiment Notebook
                </a>
+
            </h2>
+
            <p>xxx  xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx. The text-link template is here.</p>
+
            <a title="https://static.igem.org/mediawiki/2018/0/09/2018_InterLab_Plate_Reader_Protocol.pdf" href="https://static.igem.org/mediawiki/2018/0/09/2018_InterLab_Plate_Reader_Protocol.pdf">2018 Interlab Plate Reader Protocol</a> <br/>
+
            <a title="http://parts.igem.org/Help:Protocols/Transformation" href="http://parts.igem.org/Help:Protocols/Transformation">Protocols/Transformation</a>
+
           
+
            <h2>
+
                <a id="section4">
+
                    <span class="place_holder"></span>
+
                    section4
+
                </a>
+
            </h2>
+
            <p> xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx The figure template is here.</p>
+
           
+
           
+
            <!--******************************Fig 1****************************-->
+
            <div class="img_in_text zoom_out_able">             
+
                    <img src="https://static.igem.org/mediawiki/2018/6/64/T--SJTU-BioX-Shanghai--interlab_Fig1.jpg"/>
+
                    <p class="fig_illustration">Fig 1. The particle standard curve obtained form the 2nd calibration experiment.</p>
+
            </div>
+
           
+
            <!--****************************************************************-->
+
           
+
           
+
           
+
           
+
           
+
            <p> xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx.</p>
+
<p>The table template is here.</p>
+
 
+
           
+
           
+
         
+
           
+
           
+
            <!--*****************************Table 1****************************-->
+
            <div class="table_in_text">
+
                <p class="table_illustration">Table 1. Colony forming units per 0.1 OD<sub>600</sub></p>
+
            <table style="border-collapse: collapse; ">
+
                <tr style="border-top:2px solid #000;">
+
                    <th rowspan="2">samples</th>
+
                    <th colspan="3">dilution factor</th>
+
                    <th rowspan="2">CFU/mL</th>
+
                </tr>
+
               
+
                <tr>
+
                    <td>8&times;10<sup>4</sup></td>
+
                    <td>8&times;10<sup>5</sup></td>
+
                    <td>8&times;10<sup>6</sup></td>
+
                </tr>
+
         
+
                <tr style="border-top:2px solid #000;">
+
                    <td>1.1</td> <td>TNTC</td> <td>48</td> <td>11</td> <td>3.84E+07</td>
+
                </tr>
+
                <tr>
+
                    <td>1.2</td> <td>248</td> <td>41</td> <td>10</td> <td>3.28E+07</td>
+
                </tr>
+
                <tr>
+
                    <td>1.3</td> <td>172</td> <td>54</td> <td>5</td> <td>4.32E+07</td>
+
                </tr>
+
                <tr>
+
                    <td>2.1</td> <td>TNTC</td> <td>143</td> <td>20</td> <td>1.14E+08</td>
+
                </tr>
+
                <tr>
+
                    <td>2.2</td> <td>TNTC</td> <td>153</td> <td>25</td> <td>1.22E+08</td>
+
                </tr>   
+
                <tr>
+
                    <td>2.3</td> <td>TNTC</td> <td>151</td> <td>18</td> <td>1.21E+08</td>
+
                </tr>
+
                <tr>
+
                    <td>3.1</td> <td>TNTC</td> <td>119</td> <td>16</td> <td>9.52E+07</td>
+
                </tr>
+
                <tr>
+
                    <td>3.2</td> <td>TNTC</td> <td>125</td> <td>19</td> <td>1.00E+08</td>
+
                </tr>
+
                <tr>
+
                    <td>3.3</td> <td>TNTC</td> <td>89</td> <td>18</td> <td>7.12E+07</td>
+
                </tr>
+
                <tr>
+
                    <td>4.1</td> <td>TNTC</td> <td>209</td> <td>16</td> <td>1.67E+08</td>
+
                </tr> 
+
                <tr>
+
                    <td>4.2</td> <td>TNTC</td> <td>130</td> <td>17</td> <td>1.04E+08</td>
+
                </tr>
+
                <tr style="border-bottom:2px solid #000;">
+
                    <td>4.3</td> <td>TNTC</td> <td>164</td> <td>10</td> <td>1.31E+08</td>
+
                </tr>
+
 
+
            </table>
+
            </div>
+
           
+
           
+
           
+
            <h2>
+
                <a id="section5">
+
                    <span class="place_holder"></span>
+
                    Section5
+
 
                 </a>
 
                 </a>
 
             </h2>
 
             </h2>
            <p>XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX </p>
+
            <div id="pdf_viewer3"></div>
 
              
 
              
 
                 <!--***************************end of .text***************************************-->
 
                 <!--***************************end of .text***************************************-->

Revision as of 17:00, 17 October 2018