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

 
(23 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>
 +
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 +
   
 +
    $().ready(function(){
 +
       
 +
// set the active page
 +
        $(".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
 +
 +
        });
 +
       
 +
    });
 +
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 +
</script>
 
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:SJTU-BioX-Shanghai/footer_CSS&action=raw&ctype=text/css" />
 
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:SJTU-BioX-Shanghai/footer_CSS&action=raw&ctype=text/css" />
 
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:SJTU-BioX-Shanghai/interlab_CSS&action=raw&ctype=text/css" />
 
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:SJTU-BioX-Shanghai/interlab_CSS&action=raw&ctype=text/css" />
Line 17: 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 33: 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 44: 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 55: 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 61: 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 87: 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 106: 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 253: 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 282: 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