|
|
| (8 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | <!-- saved from url=(0038)http://getbootstrap.com/examples/blog/ -->
| |
| | <html> | | <html> |
| − | <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | + | <head> |
| − | <meta charset="utf-8">
| + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| − | <meta http-equiv="X-UA-Compatible" content="IE=edge">
| + | <title>Yogurt</title> |
| − | <meta name="viewport" content="width=device-width, initial-scale=1">
| + | <link href="https://2015.igem.org/Team:NEFU_China/navcss?action=raw&ctype=text/css" rel="stylesheet" type="text/css" /> |
| − | <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
| + | <style type="text/css"> |
| − | <meta name="description" content="">
| + | #page-background {position:fixed; top:0; left:0; width:100%; height:100%;} |
| − | <meta name="author" content="">
| + | .fixr table{background: none;} |
| | + | .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{ |
| | + | margin: 0; |
| | + | } |
| | + | </style> |
| | + | <!-- The above code doesn't work in Internet Explorer 6. To address this, we use a conditional comment to specify an alternative style sheet for IE 6 --> |
| | + | <!--[if IE 6]> |
| | + | <style type="text/css"> |
| | + | html {overflow-y:hidden;} |
| | + | body {overflow-y:auto;} |
| | + | #page-background {position:absolute; z-index:-1;} |
| | + | </style> |
| | + | <![endif]--> |
| | + | <script type="text/javascript" src="//code.jquery.com/jquery-1.11.3.min.js"></script> |
| | + | <script type="text/javascript" src="https://2015.igem.org/Team:NEFU_China/navjs?action=raw&ctype=text/javascript"></script> |
| | | | |
| − | <title>Blog Template for Flight iGEM</title>
| + | </head> |
| − | | + | <body> |
| − | <!-- Bootstrap core CSS -->
| + | <div id="page-background"><img src="https://static.igem.org/mediawiki/2015/6/67/NEFU_China_80D28372-D3F9-426B-AB26-43516C26358F.jpg" width="100%" height="100%" alt="Smile"></div> |
| − | <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
| + | <!--nav star--> |
| − | | + | <script type="text/javascript" src="https://2015.igem.org/Team:NEFU_China/nav?action=raw&ctype=text/javascript"></script> |
| − | <!-- Custom styles for this template -->
| + | <!--nav end--> |
| − | <link href="http://getbootstrap.com/examples/blog/blog.css" rel="stylesheet">
| + | <div class="fixr" style="width:500px; text-align:right"> |
| − | | + | <table width="100%" border="0" cellspacing="0" cellpadding="0"> |
| − | <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
| + | <tr> |
| − | <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
| + | <td align="right" class="fixtit1">Click here to overview</td> |
| − | <script src="./Blog Template for Bootstrap_files/ie-emulation-modes-warning.js"></script><style type="text/css"></style>
| + | < td width=" 73"><a href=" https:// 2015. igem. org/ Team: NEFU_China/ Description">< img onmousemove=" this. src= 'https:// static. igem.org/ mediawiki/ 2015/ 6/ 65/ NEFU_China_6F24D65A- A074- 45FC- 92C3- 4BE36F64672E. png'" onmouseout=" this. src= 'https:// static. igem. org/ mediawiki/ 2015/ 4/ 4d/ NEFU_China_87ACE06B- 0979- 4F10-B275-F0E0B1DC2F46. png'" src=" https:// static. igem. org/ mediawiki/ 2015/ 4/ 4d/ NEFU_China_87ACE06B- 0979- 4F10- B275- F0E0B1DC2F46. png" width=" 73" height=" 73" /></a></ td> |
| − | | + | </tr> |
| − | <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
| + | </table> |
| − | <!--[if lt IE 9]>
| + | </div> |
| − | <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
| + | </body> |
| − | <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
| + | </html> |
| − | <![endif]-->
| + | |
| − | <link href="https://2015.igem.org/Team:NEFU_China/cleariGEM?action=raw&ctype=text/css" rel="stylesheet" /> </head>
| + | |
| − | | + | |
| − | <body>
| + | |
| − | | + | |
| − | <div class="blog-masthead">
| + | |
| − | <div class="container">
| + | |
| − | <nav class="blog-nav">
| + | |
| − | <a class="blog-nav-item active" href="http://getbootstrap.com/examples/blog/#">Home</a>
| + | |
| − | <a class="blog-nav-item" href="http://getbootstrap.com/examples/blog/#">New features</a>
| + | |
| − | <a class="blog-nav-item" href="http://getbootstrap.com/examples/blog/#">Press</a>
| + | |
| − | <a class="blog-nav-item" href="http://getbootstrap.com/examples/blog/#">New hires</a>
| + | |
| − | <a class="blog-nav-item" href="http://getbootstrap.com/examples/blog/#">About</a>
| + | |
| − | </nav>
| + | |
| − | </div>
| + | |
| − | </div> | + | |
| − | | + | |
| − | <div class="container">
| + | |
| − | | + | |
| − | <div class="blog-header">
| + | |
| − | <h1 class="blog-title">Flight iGEM</h1>
| + | |
| − | <p class="lead blog-description">The official example template of creating an iGEM page with Fligh iGEM.</p>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="row">
| + | |
| − | | + | |
| − | <div class="col-sm-8 blog-main">
| + | |
| − | <div class="blog-post">
| + | |
| − | <h2 class="blog-post-title"></h2>
| + | |
| − | <p class="blog-post-meta"> by <a href=" #">Susu Chen</a></p> | + | |
| − | <p style="text-align: center;">AI-2 Quantification</p>
| + | |
| − | | + | |
| − | <p> E.coli and Bacillus sp. are the main pathogens in spoiled yogurt. Detection of these pathogens can be used to identify whether yogurt has got bacterial contamination. The traditional detecting methods contain some cumbersome steps, need some expensive reagents and still have high inaccuracy. We checking the references, we found that autoinducer 2 (AI-2), a signal molecule in the quorum sensing system in bacteria, can also be used as a signal detected by our engineered Lactobacillus. Thus, we wanted to measure AI-2 produced by pathogens in spoiled yogurt and then analyzed the relationship between AI-2 output and bacterial growth. </p>
| + | |
| − | | + | |
| − | <p>The molecular structure of AI-2 is somewhat similar to ascorbic acid. It was expected that AI-2 would also act as a reducing agent and reduce Fe(III) ions in the presence of 1,10-phenanthroline to form the orange-red colored [(o-phen)3 Fe(II)]SO4 ferroin complex that could be quantified colorimetrically.</p>
| + | |
| − | | + | |
| − | <p> </p>
| + | |
| − | | + | |
| − | <p>Protocol:</p>
| + | |
| − | | + | |
| − | <p>1 Inoculating</p>
| + | |
| − | | + | |
| − | <p>E.coli and Bacillus were inoculated into LB media (2%, v/v), respectively, and shaken overnight at 37°C.</p>
| + | |
| − | | + | |
| − | <p>2 Sampling</p>
| + | |
| − | | + | |
| − | <p>After incubation, the media were centrifuged at 6000 g for 3 min. the supernatant was collected and was filtered through a 0.22μm membrane</p>
| + | |
| − | | + | |
| − | <p>3 AI-2 Quantification</p>
| + | |
| − | | + | |
| − | <p>(1) Preparing the working solution: A working solution of 10 mM 1, 10-phenanthroline/3.32 mM Fe (III) was prepared by dissolving 0.198 g of 1,10-phenanthroline in 50 ml of deionized distilled water. The solution was adjusted to pH 2 using 1M HCl. Ferric ammonium sulphate (0.16g) was added and the solution was brought to 100 ml using deionized distilled water.</p>
| + | |
| − | | + | |
| − | <p>(2) For the Fe (III) ion reduction test, 1ml of the cell free supernatant was mixed with 1 ml to develop the full color. The solution was then diluted to 5ml and was filtered through a 0.22 μm membrane，and scanned for the absorption spectrum against a blank solution within 3 min using a Lambda 25 UV/VIS spectrometer. </p>
| + | |
| − | | + | |
| − | <p>Results</p>
| + | |
| − | | + | |
| − | <p> </p>
| + | |
| − | | + | |
| − | <p> </p>
| + | |
| − | | + | |
| − | <p>E.coli and Bacillus sp. are the representative strains of Gram-negative and Gram-positive bacteria. We verified that both of them can produce AI-2 during their growth process. Additionally, AI-2 production by both of the two strains is significantly positive correlated with bacterial growth in the first two hours. All the results showed that AI-2 could be produced by both Gram-negative and Gram-positive strains. Thus, our bio-detecting system might not only be used in Gram-negative bacteria detection, but also Gram-positive bacteria detection.</p>
| + | |
| − | | + | |
| − | <p> </p>
| + | |
| − | | + | |
| − | <p> </p>
| + | |
| − | | + | |
| − | <p> </p>
| + | |
| − | | + | |
| − | <p> </p>
| + | |
| − | | + | |
| − | <p> </p>
| + | |
| − | | + | |
| − | <p> </p>
| + | |
| − | | + | |
| − | <p> </p>
| + | |
| − | </div> <nav>
| + | |
| − | <ul class="pager">
| + | |
| − | <li><a href="http://getbootstrap.com/examples/blog/#">Previous</a></li>
| + | |
| − | <li><a href="http://getbootstrap.com/examples/blog/#">Next</a></li>
| + | |
| − | </ul>
| + | |
| − | </nav>
| + | |
| − | | + | |
| − | </div><!-- /.blog-main -->
| + | |
| − | | + | |
| − | <div class="col-sm-3 col-sm-offset-1 blog-sidebar">
| + | |
| − | <div class="sidebar-module sidebar-module-inset">
| + | |
| − | <h4>About</h4>
| + | |
| − | <p>Etiam porta <em>sem malesuada magna</em> mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.</p>
| + | |
| − | </div>
| + | |
| − | <div class="sidebar-module">
| + | |
| − | <h4>Archives</h4>
| + | |
| − | <ol class="list-unstyled">
| + | |
| − | <li><a href="http://getbootstrap.com/examples/blog/#">Project</a></li>
| + | |
| − | <li><a href="http://getbootstrap.com/examples/blog/#">Team</a></li>
| + | |
| − | <li><a href="http://getbootstrap.com/examples/blog/#">Safety</a></li>
| + | |
| − | <li><a href="http://getbootstrap.com/examples/blog/#">Parts</a></li>
| + | |
| − | <li><a href="http://getbootstrap.com/examples/blog/#">Human practise</a></li>
| + | |
| − | </ol>
| + | |
| − | </div>
| + | |
| − | <div class="sidebar-module">
| + | |
| − | <h4>Elsewhere</h4>
| + | |
| − | <ol class="list-unstyled">
| + | |
| − | <li><a href="http://getbootstrap.com/examples/blog/#">GitHub</a></li>
| + | |
| − | <li><a href="http://getbootstrap.com/examples/blog/#">Twitter</a></li>
| + | |
| − | <li><a href="http://getbootstrap.com/examples/blog/#">Facebook</a></li>
| + | |
| − | </ol>
| + | |
| − | </div>
| + | |
| − | </div><!-- /.blog-sidebar -->
| + | |
| − | | + | |
| − | </div><!-- /.row -->
| + | |
| − | | + | |
| − | </div><!-- /.container -->
| + | |
| − | | + | |
| − | <footer class="blog-footer">
| + | |
| − | <p>Blog template built for <a href="http://getbootstrap.com/"></a> by <a href="#">Flight iGEM</a>.</p>
| + | |
| − | <p>
| + | |
| − | <a href="http://getbootstrap.com/examples/blog/#">Back to top</a>
| + | |
| − | </p>
| + | |
| − | </footer>
| + | |
| − | | + | |
| − | | + | |
| − | <!-- Bootstrap core JavaScript
| + | |
| − | ================================================== -->
| + | |
| − | <!-- Placed at the end of the document so the pages load faster -->
| + | |
| − | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
| + | |
| − | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
| + | |
| − | <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
| + | |
| − | <script src="http://v3.bootcss.com/assets/js/ie10-viewport-bug-workaround.js"></script>
| + | |
| − |
| + | |
| − | | + | |
| − | </body></html>
| + | |
