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

(Blanked the page)
 
(4 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{SJTU-BioX-Shanghai}}
 
−
<html>
 
−
<script>
 
−
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
−
   
 
−
    jQuery(document).ready(function(){
 
−
       
 
−
// set the active page
 
−
        $(".menu_item").eq(4).find("span").eq(0).css("background-color","rgba(200,200,200,0.5)");
 
−
       
 
−
    });
 
−
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
−
</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/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/footnote_CSS&action=raw&ctype=text/css" />
 
  
−
<!--****************content of the page**************-->
 
−
<div class="content">
 
−
 
−
    <!--******************content nav**************************-->
 
−
    <div class="content_nav" >
 
−
       
 
−
        <!--*******nav item*******-->
 
−
        <div class="container_of_content_nav_item">
 
−
                     
 
−
                <div class="content_nav_top">
 
−
                    <img src="https://static.igem.org/mediawiki/2018/d/de/T--SJTU-BioX-Shanghai--content_nav_bac_0.png
 
−
"/>
 
−
                    <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>
 
−
                    </div>
 
−
                </div>
 
−
               
 
−
                <div class="content_nav_middle">                 
 
−
                    <ul class="content_nav_item_list">
 
−
               
 
−
                        <li class="content_nav_item" >
 
−
                           
 
−
                            <a title="skip to Section1" href="#section1">
 
−
 
−
                            <!--****** Modify the section title here and leave the rest nav-bar settings untact *************-->
 
−
                    Section1
 
−
                    <!--****** Modify the section title here and leave the rest nav-bar settings untact *************-->
 
−
 
−
                            </a>
 
−
                        </li>
 
−
 
−
                        <li class="content_nav_item">
 
−
                           
 
−
                            <a title="skip to Section2" href="#section2">
 
−
 
−
                          <!--****** Modify the section title here and leave the rest nav-bar settings untact *************-->
 
−
                    Section2
 
−
                    <!--****** Modify the section title here and leave the rest nav-bar settings untact *************-->
 
−
 
−
                            </a>
 
−
                        </li>
 
−
 
−
                        <li class="content_nav_item">
 
−
                           
 
−
                            <a title="skip to Section3" href="#section3">
 
−
                           
 
−
<!--****** Modify the section title here and leave the rest nav-bar settings untact *************-->
 
−
                    Section3
 
−
                    <!--****** Modify the section title here and leave the rest nav-bar settings untact *************-->
 
−
 
−
                            </a>
 
−
                        </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>   
 
−
                </div>
 
−
               
 
−
                <div class="content_nav_bottom">
 
−
                    <img src="https://static.igem.org/mediawiki/2018/2/21/T--SJTU-BioX-Shanghai--content_nav_bac2.png
 
−
"/>
 
−
                </div>
 
−
 
−
        </div>
 
−
       
 
−
    </div>
 
−
   
 
−
   
 
−
    <!--******************content text***************************-->
 
−
    <div class="content_text">
 
−
     
 
−
       
 
−
       
 
−
        <div class="text">
 
−
            <h1>Applied Design</h1>
 
−
         
 
−
            <h2>
 
−
                <a id="section1">
 
−
                    <span class="place_holder"></span>
 
−
                    Section1
 
−
                </a>
 
−
            </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 ---
 
−
                <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>
 
−
                <a id="section2">
 
−
                    <span class="place_holder"></span>
 
−
                    Section2
 
−
                </a>
 
−
            </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
 
−
            </p>
 
−
           
 
−
            <h2>
 
−
                <a id="section3">
 
−
                    <span class="place_holder"></span>
 
−
                    Section3
 
−
                </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>
 
−
            </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>
 
−
       
 
−
       
 
−
   
 
−
    </div> 
 
−
   
 
−
    <!-****************************return to top colomn**********************************************-->
 
−
    <div id="return_to_top_column">
 
−
      <div id="return_to_top_button"> 
 
−
      </div>
 
−
       
 
−
    </div>
 
−
 
−
    <!--************************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="width: auto;height: auto;">
 
−
                <div class="zoom_out_album">
 
−
                    <img id="zoom_out_img"/>
 
−
                    <p class="fig_illustration"></p>
 
−
                    <img class="close_icon"/>
 
−
                </div>
 
−
            </div>
 
−
        </div>
 
−
    </div>
 
−
                   
 
−
                   
 
−
   
 
−
    <!--***************************This is the end of the content***********************************-->
 
−
</div>   
 
−
 
−
<div id = "footer">
 
−
    <div class="sponsor_logo_container">
 
−
        <a href="http://www.bio-x.cn/"><img src="https://static.igem.org/mediawiki/2018/7/70/T--SJTU-BioX-Shanghai--bio_x.jpg"/></a>
 
−
        <a href="http://www.6thhosp.com/index.html"><img src="https://static.igem.org/mediawiki/2018/c/ce/T--SJTU-BioX-Shanghai--six_people_hospital.jpg"/></a>
 
−
        <a href="https://www.uottawa.ca/"><img src="https://static.igem.org/mediawiki/2018/3/3b/T--SJTU-BioX-Shanghai--Ottawa_university.jpg"/></a>
 
−
        <a href="http://life.sjtu.edu.cn/"><img src="https://static.igem.org/mediawiki/2018/7/7b/T--SJTU-BioX-Shanghai--School_of_life_science_and_biotechnology.png"/></a>
 
−
    </div>
 
−
    <p>Copyright &copy; 2018 SJTU-BioX-Shanghai. All rights reserved.</p>
 
−
 
 
−
 
−
</div>
 
−
 
−
<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>
 
−
 
−
 
−
</html>
 

Latest revision as of 15:09, 16 October 2018