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

 
(24 intermediate revisions by 4 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>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
+
             <div id="pdf_viewer2" class="pdf_viewer"></div>    
            </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 248: 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 277: 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