Difference between revisions of "Team:HUST-China/Results"

Line 3: Line 3:
 
<head>
 
<head>
 
     <meta charset="UTF-8">
 
     <meta charset="UTF-8">
 +
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <meta name="renderer" content="webkit">
 
     <meta name="renderer" content="webkit">
     <title>Model</title>
+
     <title>Results</title>
 
     <link rel="stylesheet" href="https://2017.igem.org/Team:HUST-China/css/bootstrap?action=raw&amp;ctype=text/css">
 
     <link rel="stylesheet" href="https://2017.igem.org/Team:HUST-China/css/bootstrap?action=raw&amp;ctype=text/css">
 +
    <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/bootstrap?action=raw&amp;ctype=text/javascript"></script>
 +
    <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/jquery?action=raw&amp;ctype=text/javascript"></script>
 
     <link href="https://2017.igem.org/Team:HUST-China/css/return_top?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
 
     <link href="https://2017.igem.org/Team:HUST-China/css/return_top?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
 
+
     <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/return_top_jquery?action=raw&amp;ctype=text/javascript"></script>
     <link href="https://2017.igem.org/Team:HUST-China/website/css/amp-website.css?action=raw&amp;ctype=text/css"/>
+
     <script src="https://2017.igem.org/Team:HUST-China/js/return_top_script?action=raw&amp;ctype=text/javascript" type="text/javascript"></script>
 
+
    <!-- Acorn Media Player specific -->
+
    <link href="https://2017.igem.org/Team:HUST-China/acornmediaplayer/acornmediaplayer.base.css?action=raw&amp;ctype=text/css" >
+
 
+
    <!-- Theme -->
+
    <link href="https://2017.igem.org/Team:HUST-China/acornmediaplayer/themes/access/acorn.access.css?action=raw&amp;ctype=text/css">
+
     <link rel="stylesheet" href="https://2017.igem.org/Team:HUST-China/css/picbox.css?action=raw&amp;ctype=text/css" type="text/css" media="screen" />
+
  
 
     <script>
 
     <script>
Line 232: Line 228:
 
     .text p{
 
     .text p{
 
         padding: 2px 10px;
 
         padding: 2px 10px;
    }
 
    .text h5{
 
        padding: 3px 10px;
 
    }
 
    .dropdown button{
 
        margin: 2px 20px;
 
 
     }
 
     }
 
     /*没有小于768px,是因为Bootstrap3以移动端优先设计*/
 
     /*没有小于768px,是因为Bootstrap3以移动端优先设计*/
Line 276: Line 266:
 
         }
 
         }
 
         .text p {
 
         .text p {
            font-size: 12px;
+
          font-size: 12px;
 
             text-indent: 24px;
 
             text-indent: 24px;
 
         }
 
         }
Line 304: Line 294:
 
         ul.nav-pills {
 
         ul.nav-pills {
 
             top: 200px;
 
             top: 200px;
            position: fixed;
 
        }
 
        ul.nav-pills2 {
 
            bottom:50px;
 
 
             position: fixed;
 
             position: fixed;
 
         }
 
         }
 
         div.col-sm-10 div {
 
         div.col-sm-10 div {
             min-height: 10px;
+
             min-height: 100px;
 
             font-size: 14px;
 
             font-size: 14px;
 
             text-indent: 28px;
 
             text-indent: 28px;
Line 317: Line 303:
 
         }
 
         }
  
         @media screen and (max-width: 992px) {
+
         @media screen and (max-width: 810px) {
 
             #section1, #section2, #section3, #section4, #section5 {
 
             #section1, #section2, #section3, #section4, #section5 {
 
             background-color: #eee; color:#171717;  
 
             background-color: #eee; color:#171717;  
 
             }
 
             }
 
         }
 
         }
 +
  
 
         body {
 
         body {
                position: relative;
+
            position: relative;
 +
                }
 +
            .menu_logo_1 {
 +
                    top: 18px;
 +
                    left:80px;
 +
                    z-index: -1000;
 +
                    opacity: 0.8;
 +
                    position: fixed;
 +
            }
 +
            .menu_logo_2 {
 +
                    top: 18px;
 +
                    left:170px;
 +
                    z-index: -1000;
 +
                    opacity: 0.8;
 +
                    position: fixed;
 
             }
 
             }
        .menu_logo_1 {
 
                top: 18px;
 
                left: 80px;
 
                z-index: -1000;
 
                opacity: 0.8;
 
                position: fixed;
 
        }
 
        .menu_logo_2 {
 
                top: 18px;
 
                left:170px;
 
                z-index: -1000;
 
                opacity: 0.8;
 
                position: fixed;
 
        }
 
  
  
Line 345: Line 332:
 
</head>
 
</head>
  
<body data-spy="scroll" data-target="#myScrollspy" data-offset="20"   style="height:auto;">
+
<body data-spy="scroll" data-target="#myScrollspy" data-offset="20" style="height:auto;">
 
         <nav class="navbar navbar-default navbar-fixed-top" style="margin-top:15px">
 
         <nav class="navbar navbar-default navbar-fixed-top" style="margin-top:15px">
 
         <div class="container">
 
         <div class="container">
Line 363: Line 350:
 
             <div class="collapse navbar-collapse" id="navbar-collapse">
 
             <div class="collapse navbar-collapse" id="navbar-collapse">
 
                 <ul class="nav navbar-nav navbar-right">
 
                 <ul class="nav navbar-nav navbar-right">
                     <li><a href="https://2017.igem.org/Team:HUST-China">HOME</a></li>
+
                     <li class="active"><a href="https://2017.igem.org/Team:HUST-China">HOME</a></li>
 
                     <li class="dropdown">
 
                     <li class="dropdown">
 
                         <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 
                         <a href="#" class="dropdown-toggle" data-toggle="dropdown">
Line 376: Line 363:
 
                     </li>
 
                     </li>
 
                     <li class="dropdown">
 
                     <li class="dropdown">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 +
                            WETLAB <b class="caret"></b>
 +
                        </a>
 +
                        <ul class<nav class="navbar navbar-default navbar-fixed-top" style="margin-top:15px">
 +
        <div class="container">
 +
 +
            <div class="navbar-header">
 +
                <a  href="https://2017.igem.org/Team:HUST-China" class="navbar-brand logo menu_logo_1"><img src="https://static.igem.org/mediawiki/2017/6/64/Team_HUST_China_2017_logo.png" alt="HUST_iGEM_2017_logo"></a>
 +
                <a href="https://2017.igem.org" class="navbar-brand logo menu_logo_2"><img src="https://static.igem.org/mediawiki/2017/f/f6/IGEM_2017_logo.png" alt="HUST_iGEM_2017_logo"></a>
 +
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse" style="background-color: #333; color:#111">
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                </button>
 +
            </div>
 +
 +
 +
            <div class="collapse navbar-collapse" id="navbar-collapse">
 +
                <ul class="nav navbar-nav navbar-right">
 +
                    <li><a href="https://2017.igem.org/Team:HUST-China">HOME</a></li>
 +
                    <li class="dropdown">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 +
                            PROJECT <b class="caret"></b>
 +
                        </a>
 +
                        <ul class="dropdown-menu">
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/project/background">Background</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Description">Description</a></li>                                   
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Safety">Safety</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Demonstrate">Demonstrate</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="dropdown active">
 
                         <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 
                         <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 
                             WETLAB <b class="caret"></b>
 
                             WETLAB <b class="caret"></b>
Line 387: Line 407:
 
                         </ul>
 
                         </ul>
 
                     </li>
 
                     </li>
                     <li class="dropdown active">
+
                     <li class="dropdown">
 
                         <a href="https://2017.igem.org/Team:HUST-China/Model" >
 
                         <a href="https://2017.igem.org/Team:HUST-China/Model" >
 
                             MODEL
 
                             MODEL
Line 429: Line 449:
  
  
 +
    <div class="tab1" style="width:100%;margin-top: 65px;">
 +
            <h1 class="tab-h1" ><strong>「Results」</strong></h1>
 +
    </div>
  
     <div class="tab1" id="section0" style="width:100%;margin-top: 65px;">
+
     <div class="container-fluid text">
            <h1 class="tab-h1" ><strong>「尚未编辑」</strong></h1>
+
        <div class="row">
 +
            <div class="container col-sm-8 col-sm-offset-2">
 +
                <div id="section1" style="border: solid 1px #666; margin:5px;border-radius:10px;overflow: hidden;">   
 +
                    <h3 style="background-color:#ce6b9a;color:#ffffff; padding:10px;letter-spacing:1px;margin-top:0;">Capture part</h3>
 +
                    <div>
 +
                        <h4><strong>1.1 SDS-PAGE with OprF-3*LBT 4 & OprF-Sitag</strong> </h4>
 +
                        <img title="demo1" src="https://static.igem.org/mediawiki/2017/b/b7/2017_HUST_China_demostrate002.png"  class="col-xs-6 col-xs-offset-3" style="padding: 10px 0px;">
 +
                        <img title="demo1" src="https://static.igem.org/mediawiki/2017/c/ce/2017_HUST_China_demostrate003.png"  class="col-xs-6 col-xs-offset-3" style="padding: 10px 0px;">
 +
                    </div>
 +
                    <div class="col-xs-12">
 +
                        <p>Firstly, we need to identify the expression of OprF-3* LBT4 and OpRF-Sitag that is expressed to the surface of the E. coli. We concentrated cell culture solution of induced test BL21 cells and not induced, and then separate the protein of the whole cell by SDS-PAGE. </p>
 +
                        <p>Figure 1 shows an obvious ~33kDa protein bands in test lane, which cannot be found in the control lane. This result proves that the test BL21 can produce OprF-3* LBT 4. </p>
 +
                        <p>Figure 2 shows an obvious ~57kDa protein bands in test lane, which cannot be found in the not induced lane. This result proves that the test BL21 can produce OprF-Sitag. </p>
 +
                    </div>
 +
 
 +
                    <div class="col-xs-12">
 +
                      <h4><strong>1.2 Verification of Cell Surface Display System</strong> </h4>
 +
                      <img title="demo1" src="https://static.igem.org/mediawiki/2017/c/cc/2017_HUST_China_demostrate004.png"  class="col-xs-8 col-xs-offset-2" style="padding: 10px 0px;">
 +
                      <p class="col-xs-12">Figure 3 shows the result of our verification of our cell surface display system. Some cells can show a considerable fluorescent intensity, while some performs partial or weak fluorescence which can not be detected by our microscope camera. But this result still successfully demonstrated the cell surface display of our LBTs. </p>
 +
                    </div>
 +
 
 +
                    <div class="col-xs-12">
 +
                      <h4><strong>1.3 Precipitation titration detection</strong> </h4>
 +
                      <p>In order to test our capture system, we test our engineering bacteria with a different concentration of terbium ions. After doing a precipitation titration, we got some exciting results. </p>
 +
                        <img title="demo1" src="https://static.igem.org/mediawiki/2017/b/b1/2017_HUST_China_demostrate005.png"  class="col-xs-3 col-xs-offset-1" style="padding: 10px 0px;">
 +
                        <img title="demo1" src="https://static.igem.org/mediawiki/2017/6/64/2017_HUST_China_demostrate006.png"  class="col-xs-4 col-xs-offset-2" style="padding: 10px 0px;">       
 +
                      <p class="col-xs-12">Figure 4 shows that it is significant difference in the amount of precipitation. The amount of precipitation in WT group(with distilled water added) is much less than that in the test group.</p>
 +
                      <p class="col-xs-12">To get some more detailed and convincing results, we did a precipitation-dissolving titration with hydrochloric acid. Figure 5 can show a result that the test group(with our engineered bacteria) is much different from the control group(with distilled water added). After our engineered bacteria work a while in sample, the terbium ions concentration is significantly reduced.</p>
 +
                    </div>
 +
            </div>
 +
 
 +
            <nav class="col-sm-2" id="myScrollspy2.0">
 +
                <div class="container-fluid">
 +
                <div class="collapse navbar-collapse" id="navbar-collapse">
 +
                <ul class="nav nav-pills2 nav-stacked">
 +
                    <li class="active">
 +
                    <div style="display:none;" id="rocket-to-top">
 +
                    <div style="opacity:0;display:block;" class="level-2"></div>
 +
                    <div class="level-3"></div>
 +
                    </div>
 +
                    </li>
 +
                </ul>
 +
                </div> 
 +
                </div>     
 +
            </nav>
 +
 
 +
        </div>
 
     </div>
 
     </div>
 
 
 
 
     <footer id="footer">
 
     <footer id="footer">
 
       <div class="container" style="text-align: left">
 
       <div class="container" style="text-align: left">
             <h3><strong>Acknowledgments:</strong></h3>
+
             <h3 class="col-xs-12"><strong>Acknowledgments:</strong></h3>
             <img style="max-width: 100%; height:auto; display: block " src="https://static.igem.org/mediawiki/2017/8/88/2017_HUST_China_seven_logo.png" />   
+
             <img style="max-width: 100%; height:auto; display: block;" src="https://static.igem.org/mediawiki/2017/8/88/2017_HUST_China_seven_logo.png" />   
 
         </div>
 
         </div>
 
     </footer>
 
     </footer>
    <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/bootstrap?action=raw&amp;ctype=text/javascript"></script>
+
      
    <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/jquery?action=raw&amp;ctype=text/javascript"></script>
+
     <script type="text/javascript">
    <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/return_top_jquery?action=raw&amp;ctype=text/javascript"></script>
+
     <script src="https://2017.igem.org/Team:HUST-China/js/return_top_script?action=raw&amp;ctype=text/javascript" type="text/javascript"></script>
+
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
+
     <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/ajax/libs/jquery/1.4/jquery.min.js?action=raw&amp;ctype=text/javascript"></script>
+
    <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/picbox.js?action=raw&amp;ctype=text/javascript"></script>
+
 
+
 
+
 
+
    <!-- Required by Acorn Media Player -->
+
    <script src="https://2017.igem.org/Team:HUST-China/lib/jquery.min.js?action=raw&amp;ctype=text/javascript"></script>
+
    <script src="https://2017.igem.org/Team:HUST-China/lib/jquery-ui-1.10.0.custom.min.js?action=raw&amp;ctype=text/javascript"></script>
+
 
+
    <!-- Optional - for older browser support - Webshim Polyfill -->
+
    <script src="https://2017.igem.org/Team:HUST-China/lib/modernizr.custom.js?action=raw&amp;ctype=text/javascript"></script>
+
    <script src="https://2017.igem.org/Team:HUST-China/afarkas.github.io/webshim/js-webshim/minified/polyfiller.js?action=raw&amp;ctype=text/javascript"></script>
+
    <script>
+
        if(window.webshims) {
+
            webshims.polyfill('mediaelement');
+
        }
+
 
     </script>
 
     </script>
    <script src="https://2017.igem.org/Team:HUST-China/acornmediaplayer/jquery.acornmediaplayer.js?action=raw&amp;ctype=text/javascript"></script>
 
    <!-- Call the plugin -->
 
    <script>
 
        jQuery(function() {
 
            jQuery('video, audio').acornMediaPlayer();
 
        });
 
    </script>
 
 
    <script>
 
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 
    ga('create', 'UA-19824700-1', 'ghinda.net');
 
    ga('send', 'pageview');
 
    </script>
 
 
 
</body>
 
</body>
  
 
</html>
 
</html>

Revision as of 21:06, 31 October 2017

Results

「Results」

Capture part

1.1 SDS-PAGE with OprF-3*LBT 4 & OprF-Sitag

Firstly, we need to identify the expression of OprF-3* LBT4 and OpRF-Sitag that is expressed to the surface of the E. coli. We concentrated cell culture solution of induced test BL21 cells and not induced, and then separate the protein of the whole cell by SDS-PAGE.

Figure 1 shows an obvious ~33kDa protein bands in test lane, which cannot be found in the control lane. This result proves that the test BL21 can produce OprF-3* LBT 4.

Figure 2 shows an obvious ~57kDa protein bands in test lane, which cannot be found in the not induced lane. This result proves that the test BL21 can produce OprF-Sitag.

1.2 Verification of Cell Surface Display System

Figure 3 shows the result of our verification of our cell surface display system. Some cells can show a considerable fluorescent intensity, while some performs partial or weak fluorescence which can not be detected by our microscope camera. But this result still successfully demonstrated the cell surface display of our LBTs.

1.3 Precipitation titration detection

In order to test our capture system, we test our engineering bacteria with a different concentration of terbium ions. After doing a precipitation titration, we got some exciting results.

Figure 4 shows that it is significant difference in the amount of precipitation. The amount of precipitation in WT group(with distilled water added) is much less than that in the test group.

To get some more detailed and convincing results, we did a precipitation-dissolving titration with hydrochloric acid. Figure 5 can show a result that the test group(with our engineered bacteria) is much different from the control group(with distilled water added). After our engineered bacteria work a while in sample, the terbium ions concentration is significantly reduced.

Acknowledgments: