|
|
Line 2: |
Line 2: |
| <html> | | <html> |
| | | |
− | <div class="column full_size"> | + | <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" /> |
− | <h1>Design</h1> | + | <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" /> |
− | <p> | + | <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" /> |
− | Design is the first step in the design-build-test cycle in engineering and synthetic biology. Use this page to describe the process that you used in the design of your parts. You should clearly explain the engineering principles used to design your project.
| + | |
− | </p>
| + | |
| | | |
− | <p> | + | <!--****************content of the page**************--> |
− | This page is different to the "Applied Design Award" page. Please see the <a href="https://2018.igem.org/Team:SJTU-BioX-Shanghai/Applied_Design">Applied Design</a> page for more information on how to compete for that award.
| + | <div class="content"> |
− | </p> | + | |
| | | |
− | </div>
| |
| | | |
| + | <!--******************content nav**************************--> |
| + | <div class="content_nav" > |
| + | |
| + | <!--*******SJTU_BioX_logo*******--> |
| + | <div class="logo_above_content_nav"> |
| + | <img src="https://static.igem.org/mediawiki/2018/a/ab/T--SJTU-BioX-Shanghai--SJTU_bioX_logo.png"/> |
| + | </div> |
| + | |
| + | <!--*******your position*******--> |
| + | <div id="your_position"> |
| + | <a title="Home" href="https://2018.igem.org/Team:SJTU-BioX-Shanghai"> |
| + | Home |
| + | </a> |
| + | > |
| + | <a title="Project" href="https://2018.igem.org/Team:SJTU-BioX-Shanghai"> |
| + | Project |
| + | </a> |
| + | > |
| + | <a title="Interlab" href="https://2018.igem.org/Team:SJTU-BioX-Shanghai/InterLab" style="font-weight: bold;"> |
| + | Interlab |
| + | </a> |
| + | </div> |
| + | |
| + | <!--*******nav item*******--> |
| + | <div class="container_of_content_nav_item" style="background-color: #81E92A"> |
| + | <ul class="content_nav_item_list"> |
| + | |
| + | <li class="content_nav_item" > |
| + | <img src="https://static.igem.org/mediawiki/2018/c/c3/T--SJTU-BioX-Shanghai--content_nav_top.png"/> |
| + | <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"> |
| + | <img src="https://static.igem.org/mediawiki/2018/c/c3/T--SJTU-BioX-Shanghai--content_nav_top.png"/> |
| + | <a title="skip to Section2" href="#section2"> |
| | | |
− | <div class="column two_thirds_size"> | + | <!--****** Modify the section title here and leave the rest nav-bar settings untact *************--> |
− | <h3>What should this page contain?</h3>
| + | Section2 |
− | <ul> | + | <!--****** Modify the section title here and leave the rest nav-bar settings untact *************--> |
− | <li>Explanation of the engineering principles your team used in your design</li>
| + | |
− | <li>Discussion of the design iterations your team went through</li>
| + | |
− | <li>Experimental plan to test your designs</li>
| + | |
− | </ul>
| + | |
| | | |
− | </div> | + | </a> |
| + | </li> |
| + | |
| + | <li class="content_nav_item"> |
| + | <img src="https://static.igem.org/mediawiki/2018/c/c3/T--SJTU-BioX-Shanghai--content_nav_top.png"/> |
| + | <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"> |
| + | <img src="https://static.igem.org/mediawiki/2018/c/c3/T--SJTU-BioX-Shanghai--content_nav_top.png"/> |
| + | <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"> |
| + | <img src="https://static.igem.org/mediawiki/2018/c/c3/T--SJTU-BioX-Shanghai--content_nav_top.png"/> |
| + | <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> |
| + | |
| + | <!--******************content text***************************--> |
| + | <div class="content_text"> |
| + | |
| + | |
| + | |
| + | <div class="text"> |
| + | <h1>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×10<sup>4</sup></td> |
| + | <td>8×10<sup>5</sup></td> |
| + | <td>8×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 © 2018 SJTU-BioX-Shanghai. All rights reserved.</p> |
| + | |
| | | |
− | <div class="column third_size">
| |
− | <div class="highlight decoration_A_full">
| |
− | <h3>Inspiration</h3>
| |
− | <ul>
| |
− | <li><a href="https://2016.igem.org/Team:MIT/Experiments/Promoters">2016 MIT</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:BostonU/Proof">2016 BostonU</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:NCTU_Formosa/Design">2016 NCTU Formosa</a></li>
| |
− | </ul>
| |
− | </div>
| |
| </div> | | </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> | | </html> |