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

 
(17 intermediate revisions by 2 users not shown)
Line 4: Line 4:
 
<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>
 
<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("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)");
 +
        $(".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';
 +
       
 +
        ($)
 +
  
        var src = 'https://static.igem.org/mediawiki/2018/c/c5/T--SJTU-BioX-Shanghai--Mouse_experiment_notebook.pdf';
 
 
         $("#pdf_viewer1").media({
 
         $("#pdf_viewer1").media({
 +
              width: "100%",
 +
              height: "1600",
 +
              autoplay : true,
 +
              src : molecular_src
  
               width : '100%',
+
        });
               height : '800px',
+
 
 +
        $("#pdf_viewer2").media({
 +
               width: "100%",
 +
               height: "1600",
 +
           
 
               autoplay : true,
 
               autoplay : true,
               src : src
+
               src : cell_src
 +
 
 +
        });
 +
 
 +
 
 +
        $("#pdf_viewer3").media({
 +
              width: "100%",
 +
              height: "1600",
 +
           
 +
              autoplay : true,
 +
              src : mouse_src
  
 
         });
 
         });
Line 56: 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 67: 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 78: 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 84: 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 129: 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>
             <div id="pdf_viewer1"></div>             
+
             <div id="pdf_viewer1" class="pdf_viewer"></div>             
  
  
Line 138: Line 148:
 
             <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>
+
            </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" class="pdf_viewer"></div>
 
              
 
              
 
                 <!--***************************end of .text***************************************-->
 
                 <!--***************************end of .text***************************************-->
Line 302: 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