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

 
(22 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{SJTU-BioX-Shanghai}}
 
{{SJTU-BioX-Shanghai}}
 
<html>
 
<html>
 +
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:SJTU-BioX-Shanghai/jquery-3.1.1.min&action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:SJTU-BioX-Shanghai/JS&action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:SJTU-BioX-Shanghai/jquery_media_js&action=raw&ctype=text/javascript"></script>
 +
<style>
 +
 +
 +
</style>
 
<script>
 
<script>
 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
      
 
      
−
     jQuery(document).ready(function(){
+
     $().ready(function(){
 
          
 
          
 
// set the active page
 
// set the active page
−
         $(".menu_item").eq(2).find("a").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)");
 +
        $(".menu_item").eq(2).find(".submenu_item").eq(1).css("background-color","rgba(200,200,200,0.5)");
 +
 
 +
        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({
 +
              width: "100%",
 +
              height: "1600",
 +
              autoplay : true,
 +
              src : molecular_src
 +
 
 +
        });
 +
 
 +
        $("#pdf_viewer2").media({
 +
              width: "100%",
 +
              height: "1600",
 +
           
 +
              autoplay : true,
 +
              src : cell_src
 +
 
 +
        });
 +
 
 +
 
 +
        $("#pdf_viewer3").media({
 +
              width: "100%",
 +
              height: "1600",
 +
           
 +
              autoplay : true,
 +
              src : mouse_src
 +
 
 +
        });
 
          
 
          
 
     });
 
     });
Line 27: Line 69:
 
                        
 
                        
 
                 <div class="content_nav_top">
 
                 <div class="content_nav_top">
−
                     <img src="https://static.igem.org/mediawiki/2018/d/de/T--SJTU-BioX-Shanghai--content_nav_bac_0.png
+
                     <img src="https://static.igem.org/mediawiki/2018/c/c3/T--SJTU-BioX-Shanghai--content_nav_top.png"/>
−
"/>
+
 
                     <div class="content_nav_logo">
 
                     <div class="content_nav_logo">
 
                         <a href="" title="return to homepage"><img src="https://static.igem.org/mediawiki/2018/1/17/T--SJTU-BioX-Shanghai--content_nav_logo.png
 
                         <a href="" title="return to homepage"><img src="https://static.igem.org/mediawiki/2018/1/17/T--SJTU-BioX-Shanghai--content_nav_logo.png
Line 43: Line 84:
  
 
                             <!--****** 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 54: Line 95:
  
 
                           <!--****** 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 65: Line 106:
 
                              
 
                              
 
<!--****** 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 *************-->
−
                     Section3
+
                     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 71: Line 112:
 
                         </li>
 
                         </li>
  
−
                         <li class="content_nav_item">
+
                          
−
                           
+
−
                            <a title="skip to Section4" href="#section4">
+
  
−
                            <!--****** Modify the section title here and leave the rest nav-bar settings untact *************-->
+
                          
−
                    Section4
+
−
                    <!--****** Modify the section title here and leave the rest nav-bar settings untact *************-->
+
−
 
+
−
                            </a>
+
−
                         </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 97: Line 120:
 
                  
 
                  
 
                 <div class="content_nav_bottom">
 
                 <div class="content_nav_bottom">
−
                     <img src="https://static.igem.org/mediawiki/2018/2/21/T--SJTU-BioX-Shanghai--content_nav_bac2.png
+
                     <img class="content_nav_b_bac" src="https://static.igem.org/mediawiki/2018/1/1f/T--SJTU-BioX-Shanghai--content_nav_bottom.png" />
−
"/>
+
                    <a title="Go to story page" href="https://2018.igem.org/Team:SJTU-BioX-Shanghai/Story"><img class="content_nav_b_story_badge" src="https://static.igem.org/mediawiki/2018/d/d0/T--SJTU-BioX-Shanghai--story_badge.png"></a>
 
                 </div>
 
                 </div>
  
Line 116: Line 139:
 
                 <a id="section1">
 
                 <a id="section1">
 
                     <span class="place_holder"></span>
 
                     <span class="place_holder"></span>
−
                     Section1
+
                     Molecular Experiment Notebook
 
                 </a>
 
                 </a>
 
             </h2>
 
             </h2>
−
             <p><strong>Instructions: you have the change not only the main text, but also have to modify the text in the navgation bar on the left side. Now put your content here and do the same for the following sections. </strong>xxx xxx xxx xxx xxx  xxx xxx xxx xxx xxx  xxx xxx xxx xxx xxx  xxx xxx xxx xxx xxx  xxx xxx xxx xxx xxx  xxx xxx xxx xxx xxx  xxx xxx xxx xxx xxx  xxx xxx xxx xxx xxx  xxx xxx xxx xxx xxx  xxx xxx xxx xxx xxx  xxx xxx xxx xxx xxx  xxx xxx xxx xxx xxx Note template is here ---
+
             <div id="pdf_viewer1" class="pdf_viewer"></div>          
−
                <span class="footnote_link">OD
+
 
−
                    <span class="footnote">
+
 
−
                        <span class="footnote_header">OD</span>
+
 
−
                        <span class="footnote_txt">Optical density</span>
+
−
                    </span>
+
−
                </span>
+
−
            .</p>
+
−
           
+
 
             <h2>
 
             <h2>
 
                 <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" class="pdf_viewer"></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>
 
                 </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 xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx 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>
+
             <div id="pdf_viewer3" class="pdf_viewer"></div>   
−
            <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>
+
−
            </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>
+
 
              
 
              
 +
                <!--***************************end of .text***************************************-->
 
         </div>
 
         </div>
 
          
 
          
 
          
 
          
−
   
+
  <!--*********************************end of .content_text*****************************-->
 
     </div>   
 
     </div>   
 
      
 
      
Line 263: Line 180:
 
     <div class="zoom_out_box">
 
     <div class="zoom_out_box">
 
         <div style="display: flex;flex-direction: row;justify-content: center;align-items: center;width:100%;height: 100%;">
 
         <div style="display: flex;flex-direction: row;justify-content: center;align-items: center;width:100%;height: 100%;">
−
             <div style="width: auto;height: auto;">
+
              
 
                 <div class="zoom_out_album">
 
                 <div class="zoom_out_album">
 
                     <img id="zoom_out_img"/>
 
                     <img id="zoom_out_img"/>
 
                     <p class="fig_illustration"></p>
 
                     <p class="fig_illustration"></p>
−
                     <img class="close_icon"/>
+
                      
 
                 </div>
 
                 </div>
−
             </div>
+
              
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 +
                 
 
                      
 
                      
 
                      
 
                      
Line 292: Line 210:
 
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:SJTU-BioX-Shanghai/jquery-3.1.1.min&action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:SJTU-BioX-Shanghai/jquery-3.1.1.min&action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:SJTU-BioX-Shanghai/JS&action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:SJTU-BioX-Shanghai/JS&action=raw&ctype=text/javascript"></script>
−
 
+
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:SJTU-BioX-Shanghai/jquery_media_js&action=raw&ctype=text/javascript"></script>
  
 
</html>
 
</html>

Latest revision as of 14:56, 5 December 2018

Notebook

Molecular Experiment Notebook

Cell Experiment Notebook

Mouse Experiment Notebook