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

 
(11 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
 
 
<html lang="en">
 
<html lang="en">
  
Line 11: Line 10:
 
     <link href="https://2017.igem.org/Template:SJTU-BioX-Shanghai/CSS/style?action=raw&ctype=text/css" rel="stylesheet">
 
     <link href="https://2017.igem.org/Template:SJTU-BioX-Shanghai/CSS/style?action=raw&ctype=text/css" rel="stylesheet">
 
     <!--[if lt IE 10]>
 
     <!--[if lt IE 10]>
−
        <center>您使用的是过时的浏览器，浏览本网页可能会有异常。</center>
+
            <center>您使用的是过时的浏览器，浏览本网页可能会有异常。</center>
−
        <center>You are using an outdated browser and this page may not display properly.</center>
+
            <center>You are using an outdated browser and this page may not display properly.</center>
−
    <![endif]-->
+
        <![endif]-->
 
     <style>
 
     <style>
 
         .full-bg.full-bg-0 {
 
         .full-bg.full-bg-0 {
−
             background-image: url("https://static.igem.org/mediawiki/2017/0/04/T--SJTU-BioX-Shanghai--17001.jpeg");
+
             background-image: url("https://static.igem.org/mediawiki/2017/e/ed/T--SJTU-BioX-Shanghai--17003.jpeg");
 
         }
 
         }
 
          
 
          
 
         @media only screen and (min-width: 768px) {
 
         @media only screen and (min-width: 768px) {
 
             .full-bg.full-bg-0 {
 
             .full-bg.full-bg-0 {
−
                 background-image: url("https://static.igem.org/mediawiki/2017/2/25/T--SJTU-BioX-Shanghai--17001-hi.jpeg");
+
                 background-image: url("https://static.igem.org/mediawiki/2017/e/e0/T--SJTU-BioX-Shanghai--17003-hi.jpeg");
 
             }
 
             }
 +
        }
 +
       
 +
        .my-title {
 +
            text-align: center;
 +
            padding-bottom: 1rem
 
         }
 
         }
 
          
 
          
Line 36: Line 40:
 
             <nav class="navbar navbar1 navbar-expand-lg navbar-dark">
 
             <nav class="navbar navbar1 navbar-expand-lg navbar-dark">
 
                 <div class="container">
 
                 <div class="container">
−
                     <a class="navbar-brand" href="#"><img src="https://static.igem.org/mediawiki/2017/b/be/T--SJTU-BioX-Shanghai--logo.png" height="55" /></a>
+
                     <a class="navbar-brand" href="https://2017.igem.org/Team:SJTU-BioX-Shanghai"><img src="https://static.igem.org/mediawiki/2017/b/be/T--SJTU-BioX-Shanghai--logo.png" height="55" /></a>
 
                     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav1" aria-controls="navbarNav1" aria-expanded="false" aria-label="Toggle navigation">
 
                     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav1" aria-controls="navbarNav1" aria-expanded="false" aria-label="Toggle navigation">
−
                        <div class="hamburger" id="ham1">
+
                            <div class="hamburger" id="ham1">
−
                            <span class="line"></span>
+
                                <span class="line"></span>
−
                            <span class="line"></span>
+
                                <span class="line"></span>
−
                            <span class="line"></span>
+
                                <span class="line"></span>
−
                        </div>
+
                            </div>
−
                    </button>
+
                        </button>
 
                     <div class="collapse navbar-collapse" id="navbarNav1">
 
                     <div class="collapse navbar-collapse" id="navbarNav1">
 
                         <ul class="navbar-nav mr-auto">
 
                         <ul class="navbar-nav mr-auto">
Line 51: Line 55:
 
                             <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Model" class="nav-link">Model</a></li>
 
                             <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Model" class="nav-link">Model</a></li>
 
                             <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/HP" class="nav-link">Human Practice</a></li>
 
                             <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/HP" class="nav-link">Human Practice</a></li>
−
                           
+
 
 
                             <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Team" class="nav-link">Team</a></li>
 
                             <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Team" class="nav-link">Team</a></li>
 
                         </ul>
 
                         </ul>
Line 72: Line 76:
 
                         </div>
 
                         </div>
 
                         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav2" aria-controls="navbarNav2" aria-expanded="false" aria-label="Toggle navigation">
 
                         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav2" aria-controls="navbarNav2" aria-expanded="false" aria-label="Toggle navigation">
−
                            <div class="hamburger" id="ham2">
+
                                <div class="hamburger" id="ham2">
−
                                    <span class="line"></span>
+
                                        <span class="line"></span>
−
                                    <span class="line"></span>
+
                                        <span class="line"></span>
−
                                    <span class="line"></span>
+
                                        <span class="line"></span>
−
                            </div>
+
                                </div>
−
                        </button>
+
                            </button>
 
                         <div class="collapse navbar-collapse " id="navbarNav2">
 
                         <div class="collapse navbar-collapse " id="navbarNav2">
 
                             <ul class="navbar-nav mr-auto">
 
                             <ul class="navbar-nav mr-auto">
 
                                 <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Notebook" class="nav-link">Notebook</a></li>
 
                                 <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Notebook" class="nav-link">Notebook</a></li>
 
                                 <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Protocol" class="nav-link">Protocol</a></li>
 
                                 <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Protocol" class="nav-link">Protocol</a></li>
−
                                 <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Basic_Parts" class="nav-link">Basic Parts</a></li>
+
                                 <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Basic_Part" class="nav-link">Basic Parts</a></li>
−
                                 <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Composite_Parts" class="nav-link">Composite Parts</a></li>
+
                                 <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Composite_Part" class="nav-link">Composite Parts</a></li>
 
                                 <li class="nav-item active"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Part_Collection" class="nav-link">Part Collection</a></li>
 
                                 <li class="nav-item active"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Part_Collection" class="nav-link">Part Collection</a></li>
 
                             </ul>
 
                             </ul>
Line 93: Line 97:
  
 
         </div>
 
         </div>
−
         <div class="big-head h1-my-responsive"> <img src="https://static.igem.org/mediawiki/2017/5/52/T--SJTU-BioX-Shanghai--quan.png" class="img-fluid">Part Collection</div>
+
         <div class="big-head h1-my-responsive"> <img src="https://static.igem.org/mediawiki/2017/7/7d/T--SJTU-BioX-Shanghai--17y16.png" class="img-fluid">Part Collection</div>
 
         <div class="container maink">
 
         <div class="container maink">
 
             <div class="container maintext">
 
             <div class="container maintext">
 
                 <div class="row">
 
                 <div class="row">
−
                     <div class="scrcol col-lg-3">
+
                     <div class="col-lg-1">
−
                         <div class="scroll-box grey lighten-5">
+
                    </div>
−
                            <nav class="list-unstyled" id="navbar-left" role="navigation">
+
                    <div class="col-12 col-lg-10">
 +
                         <div class="my-title h5-my-responsive">STAR-Chromoprotein</div>
 +
                        <p>We chose parts we have built relevant to our multifactorial visualized detection system for this year’s parts collection.</p>
 +
                        <p class="my-title2">How to design your own multifactorial visualized detection system?</p>
 +
                        <div class="figure-intro">
 +
                            <img src="https://static.igem.org/mediawiki/2017/a/a3/T--SJTU-BioX-Shanghai--17210.png" class="img-fluid">
 +
                            <div class="figure-text"><strong>Figure 1. The STAR-chromoprotein construct.</strong></div>
 +
                        </div>
  
−
                                <li class="nav-item">
+
                        <p>To illustrate, we have built two circuit to detect two heavy metal ions, As and Co. (For more information about how these circuits detect factors, see our <a target="_blank" href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Design">Design page</a>)
−
                                    <a class="nav-link" href="#section1">Title One</a>
+
                            What should be noticed is although we used heavy metal ions detection promoters, there are indeed many promoters you can used to control circuits such as promoter relative to light, cellular signaling construction and change
−
                                </li>
+
                            of human body environment.</p>
−
                                <li class="nav-item">
+
                        <div class="figure-intro">
−
                                    <a class="nav-link" href="#section2">Title Two</a>
+
                            <img src="https://static.igem.org/mediawiki/2017/d/d4/T--SJTU-BioX-Shanghai--17203.png" class="img-fluid">
−
                                </li>
+
                            <div class="figure-text"><strong>Figure 2. The STAR 3 - As - CP construct</strong></div>
−
                                <li class="nav-item">
+
−
                                    <a class="nav-link" href="#section3">Title Three</a>
+
−
                                </li>
+
−
                                <li class="nav-item">
+
−
                                    <a class="nav-link" href="#section4">Title Four</a>
+
−
                                </li>
+
−
                                <li class="nav-item">
+
−
                                    <a class="nav-link" href="#section5">Title Five</a>
+
−
                                </li>
+
−
                            </nav>
+
 
                         </div>
 
                         </div>
 +
                        <div class="figure-intro">
 +
                            <img src="https://static.igem.org/mediawiki/2017/f/f0/T--SJTU-BioX-Shanghai--17204.png" class="img-fluid">
 +
                            <div class="figure-text"><strong>Figure 3. The STAR 1 - Co - GFP construct</strong></div>
 +
                        </div>
 +
 +
 +
                        <div class="my-title h5-my-responsive">Table of Composite part we submitted</div>
 +
                        <div class="figure-intro" style="margin-top: 0px;">
 +
                            <table class="table table-res table-res2 table-hover" align="center">
 +
 +
                                <thead>
 +
                                    <tr>
 +
                                        <td>Part Number</td>
 +
                                        <td>Type</td>
 +
                                        <td>Description</td>
 +
                                        <td>Length (bp)</td>
 +
                                    </tr>
 +
                                </thead>
 +
                                <tbody>
 +
                                    <tr>
 +
                                        <td><a target="_blank" href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2285012">BBa_K2285012</a></td>
 +
                                        <td>Composite</td>
 +
                                        <td>J23119+Target3+eforRed(with RBS and Term added)</td>
 +
                                        <td>894</td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td><a target="_blank" href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2285013">BBa_K2285013</a></td>
 +
                                        <td>Composite</td>
 +
                                        <td>J23119+Target3+amilGFP(with RBS and Term added)</td>
 +
                                        <td>912</td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td><a target="_blank" href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2285014">BBa_K2285014</a></td>
 +
                                        <td>Composite</td>
 +
                                        <td>J23119+Target3+cjBlue(with RBS and Term added)</td>
 +
                                        <td>915</td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td><a target="_blank" href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2285015">BBa_K2285015</a></td>
 +
                                        <td>Composite</td>
 +
                                        <td>J23119+Target3+aimlCP(with RBS and Term added)</td>
 +
                                        <td>960</td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td><a target="_blank" href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2285016">BBa_K2285016</a></td>
 +
                                        <td>Composite</td>
 +
                                        <td>J23119+Target1+eforRed(with RBS and Term added)</td>
 +
                                        <td>894</td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td><a target="_blank" href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2285017">BBa_K2285017</a></td>
 +
                                        <td>Composite</td>
 +
                                        <td>J23119+Target1+amilGFP(with RBS and Term added)</td>
 +
                                        <td>912</td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td><a target="_blank" href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2285018">BBa_K2285018</a></td>
 +
                                        <td>Composite</td>
 +
                                        <td>J23119+Target1+cjBlue(with RBS and Term added)</td>
 +
                                        <td>915</td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td><a target="_blank" href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2285019">BBa_K2285019</a></td>
 +
                                        <td>Composite</td>
 +
                                        <td>J23119+Target1+amilCP(with RBS and Term added)</td>
 +
                                        <td>960</td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td><a target="_blank" href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2285024">BBa_K2285024</a></td>
 +
                                        <td>Composite</td>
 +
                                        <td>As promoter + Antisense3 + t500</td>
 +
                                        <td>630</td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td><a target="_blank" href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2285025">BBa_K2285025</a></td>
 +
                                        <td>Composite</td>
 +
                                        <td>Co promoter + Antisense1 + t5000</td>
 +
                                        <td>538</td>
 +
                                    </tr>
 +
                                </tbody>
 +
                            </table>
 +
                        </div>
 +
 +
 
                     </div>
 
                     </div>
−
                     <div class="col-12 col-lg-9">
+
                     <div class="col-lg-1">
−
                        <div class="my-title h5-my-responsive" id="section1">Title One</div>
+
−
                        <p>Something something something something something something something something something</p>
+
−
                        <p>Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something</p>
+
−
                        <div class="my-title h5-my-responsive" id="section2">Title Two</div>
+
−
                        <p>Something something something something something something something something something</p>
+
−
                        <p>Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something</p>
+
−
                        <div class="my-title h5-my-responsive" id="section3">Title Three</div>
+
−
                        <p>Something something something something something something something something something</p>
+
−
                        <p>Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something</p>
+
−
                        <div class="my-title h5-my-responsive" id="section4">Title Four</div>
+
−
                        <p>Something something something something something something something something something</p>
+
−
                        <p>Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something</p>
+
−
                        <div class="my-title h5-my-responsive" id="section5">Title Five</div>
+
−
                        <p>Something something something something something something something something something</p>
+
−
                        <p>Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something</p>
+
 
                     </div>
 
                     </div>
−
 
−
                </div>
 
−
                <div class="row">
 
  
 
                 </div>
 
                 </div>
Line 173: Line 240:
 
                     <div class="footer-L">
 
                     <div class="footer-L">
  
−
                         <a class="footer-text" href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Composite_Parts">
+
                         <a class="footer-text" href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Composite_Part">
 
                             <img src="https://static.igem.org/mediawiki/2017/f/f5/T--SJTU-BioX-Shanghai--right.png" class="img-fluid">
 
                             <img src="https://static.igem.org/mediawiki/2017/f/f5/T--SJTU-BioX-Shanghai--right.png" class="img-fluid">
  
Line 194: Line 261:
 
                             <span class="direction">Device</span>
 
                             <span class="direction">Device</span>
 
                             <div>
 
                             <div>
−
                                 Loader  
+
                                 Loader
 
                             </div>
 
                             </div>
 
                         </a>
 
                         </a>
Line 205: Line 272:
 
         </div>
 
         </div>
 
         <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/jquery?
 
         <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/jquery?
−
         action=raw&ctype=text/javascript"></script>
+
            action=raw&ctype=text/javascript"></script>
 +
         <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/script?
 +
            action=raw&ctype=text/javascript"></script>
 
         <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/popper?
 
         <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/popper?
−
        action=raw&ctype=text/javascript"></script>
+
            action=raw&ctype=text/javascript"></script>
 
         <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/ripple?
 
         <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/ripple?
−
        action=raw&ctype=text/javascript"></script>
+
            action=raw&ctype=text/javascript"></script>
 
         <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/bootstrap?
 
         <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/bootstrap?
−
        action=raw&ctype=text/javascript"></script>
+
            action=raw&ctype=text/javascript"></script>
−
         <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/script?
+
         <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/nav?
−
        action=raw&ctype=text/javascript"></script>
+
            action=raw&ctype=text/javascript"></script>
  
 
     </div>
 
     </div>

Latest revision as of 12:43, 9 December 2017

Part Collection
STAR-Chromoprotein

We chose parts we have built relevant to our multifactorial visualized detection system for this year’s parts collection.

How to design your own multifactorial visualized detection system?

Figure 1. The STAR-chromoprotein construct.

To illustrate, we have built two circuit to detect two heavy metal ions, As and Co. (For more information about how these circuits detect factors, see our Design page) What should be noticed is although we used heavy metal ions detection promoters, there are indeed many promoters you can used to control circuits such as promoter relative to light, cellular signaling construction and change of human body environment.

Figure 2. The STAR 3 - As - CP construct
Figure 3. The STAR 1 - Co - GFP construct
Table of Composite part we submitted
Part Number Type Description Length (bp)
BBa_K2285012 Composite J23119+Target3+eforRed(with RBS and Term added) 894
BBa_K2285013 Composite J23119+Target3+amilGFP(with RBS and Term added) 912
BBa_K2285014 Composite J23119+Target3+cjBlue(with RBS and Term added) 915
BBa_K2285015 Composite J23119+Target3+aimlCP(with RBS and Term added) 960
BBa_K2285016 Composite J23119+Target1+eforRed(with RBS and Term added) 894
BBa_K2285017 Composite J23119+Target1+amilGFP(with RBS and Term added) 912
BBa_K2285018 Composite J23119+Target1+cjBlue(with RBS and Term added) 915
BBa_K2285019 Composite J23119+Target1+amilCP(with RBS and Term added) 960
BBa_K2285024 Composite As promoter + Antisense3 + t500 630
BBa_K2285025 Composite Co promoter + Antisense1 + t5000 538
Wet Lab
Composite Parts
Device
Loader