Difference between revisions of "Team:NEFU China"

m
Line 1: Line 1:
<!-- saved from url=(0038)http://getbootstrap.com/examples/blog/ -->
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
+
<html xmlns="http://www.w3.org/1999/xhtml">
<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="">
+
</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="nav.js"></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&nbsp;Quantification</p>
+
 
+
<p>&nbsp;&nbsp;&nbsp;&nbsp;E.coli&nbsp;and&nbsp;Bacillus&nbsp;sp.&nbsp;are&nbsp;the&nbsp;main&nbsp;pathogens&nbsp;in&nbsp;spoiled&nbsp;yogurt.&nbsp;Detection&nbsp;of&nbsp;these&nbsp;pathogens&nbsp;can&nbsp;be&nbsp;used&nbsp;to&nbsp;identify&nbsp;whether&nbsp;yogurt&nbsp;has&nbsp;got&nbsp;bacterial&nbsp;contamination.&nbsp;The&nbsp;traditional&nbsp;detecting&nbsp;methods&nbsp;contain&nbsp;some&nbsp;cumbersome&nbsp;steps,&nbsp;need&nbsp;some&nbsp;expensive&nbsp;reagents&nbsp;and&nbsp;still&nbsp;have&nbsp;high&nbsp;inaccuracy.&nbsp;We&nbsp;checking&nbsp;the&nbsp;references,&nbsp;we&nbsp;found&nbsp;that&nbsp;autoinducer&nbsp;2&nbsp;(AI-2),&nbsp;a&nbsp;signal&nbsp;molecule&nbsp;in&nbsp;the&nbsp;quorum&nbsp;sensing&nbsp;system&nbsp;in&nbsp;bacteria,&nbsp;can&nbsp;also&nbsp;be&nbsp;used&nbsp;as&nbsp;a&nbsp;signal&nbsp;detected&nbsp;by&nbsp;our&nbsp;engineered&nbsp;Lactobacillus.&nbsp;Thus,&nbsp;we&nbsp;wanted&nbsp;to&nbsp;measure&nbsp;AI-2&nbsp;produced&nbsp;by&nbsp;pathogens&nbsp;in&nbsp;spoiled&nbsp;yogurt&nbsp;and&nbsp;then&nbsp;analyzed&nbsp;the&nbsp;relationship&nbsp;between&nbsp;AI-2&nbsp;output&nbsp;and&nbsp;bacterial&nbsp;growth.&nbsp;</p>
+
 
+
<p>The&nbsp;molecular&nbsp;structure&nbsp;of&nbsp;AI-2&nbsp;is&nbsp;somewhat&nbsp;similar&nbsp;to&nbsp;ascorbic&nbsp;acid.&nbsp;It&nbsp;was&nbsp;expected&nbsp;that&nbsp;AI-2&nbsp;would&nbsp;also&nbsp;act&nbsp;as&nbsp;a&nbsp;reducing&nbsp;agent&nbsp;and&nbsp;reduce&nbsp;Fe(III)&nbsp;ions&nbsp;in&nbsp;the&nbsp;presence&nbsp;of&nbsp;1,10-phenanthroline&nbsp;to&nbsp;form&nbsp;the&nbsp;orange-red&nbsp;colored&nbsp;[(o-phen)3&nbsp;Fe(II)]SO4&nbsp;ferroin&nbsp;complex&nbsp;that&nbsp;could&nbsp;be&nbsp;quantified&nbsp;colorimetrically.</p>
+
 
+
<p>&nbsp;</p>
+
 
+
<p>Protocol:</p>
+
 
+
<p>1&nbsp;Inoculating</p>
+
 
+
<p>E.coli&nbsp;and&nbsp;Bacillus&nbsp;were&nbsp;inoculated&nbsp;into&nbsp;LB&nbsp;media&nbsp;(2%,&nbsp;v/v),&nbsp;respectively,&nbsp;and&nbsp;shaken&nbsp;overnight&nbsp;at&nbsp;37&deg;C.</p>
+
 
+
<p>2&nbsp;Sampling</p>
+
 
+
<p>After&nbsp;incubation,&nbsp;the&nbsp;media&nbsp;were&nbsp;centrifuged&nbsp;at&nbsp;6000&nbsp;g&nbsp;for&nbsp;3&nbsp;min.&nbsp;the&nbsp;supernatant&nbsp;was&nbsp;collected&nbsp;and&nbsp;was&nbsp;filtered&nbsp;through&nbsp;a&nbsp;0.22&mu;m&nbsp;membrane</p>
+
 
+
<p>3&nbsp;AI-2&nbsp;Quantification</p>
+
 
+
<p>(1)&nbsp;Preparing&nbsp;the&nbsp;working&nbsp;solution:&nbsp;A&nbsp;working&nbsp;solution&nbsp;of&nbsp;10&nbsp;mM&nbsp;1,&nbsp;10-phenanthroline/3.32&nbsp;mM&nbsp;Fe&nbsp;(III)&nbsp;was&nbsp;prepared&nbsp;by&nbsp;dissolving&nbsp;0.198&nbsp;g&nbsp;of&nbsp;1,10-phenanthroline&nbsp;in&nbsp;50&nbsp;ml&nbsp;of&nbsp;deionized&nbsp;distilled&nbsp;water.&nbsp;The&nbsp;solution&nbsp;was&nbsp;adjusted&nbsp;to&nbsp;pH&nbsp;2&nbsp;using&nbsp;1M&nbsp;HCl.&nbsp;Ferric&nbsp;ammonium&nbsp;sulphate&nbsp;(0.16g)&nbsp;was&nbsp;added&nbsp;and&nbsp;the&nbsp;solution&nbsp;was&nbsp;brought&nbsp;to&nbsp;100&nbsp;ml&nbsp;using&nbsp;deionized&nbsp;distilled&nbsp;water.</p>
+
 
+
<p>(2)&nbsp;For&nbsp;the&nbsp;Fe&nbsp;(III)&nbsp;ion&nbsp;reduction&nbsp;test,&nbsp;1ml&nbsp;of&nbsp;the&nbsp;cell&nbsp;free&nbsp;supernatant&nbsp;was&nbsp;mixed&nbsp;with&nbsp;1&nbsp;ml&nbsp;to&nbsp;develop&nbsp;the&nbsp;full&nbsp;color.&nbsp;The&nbsp;solution&nbsp;was&nbsp;then&nbsp;diluted&nbsp;to&nbsp;5ml&nbsp;and&nbsp;was&nbsp;filtered&nbsp;through&nbsp;a&nbsp;0.22&nbsp;&mu;m&nbsp;membrane,and&nbsp;scanned&nbsp;for&nbsp;the&nbsp;absorption&nbsp;spectrum&nbsp;against&nbsp;a&nbsp;blank&nbsp;solution&nbsp;within&nbsp;3&nbsp;min&nbsp;using&nbsp;a&nbsp;Lambda&nbsp;25&nbsp;UV/VIS&nbsp;spectrometer.&nbsp;</p>
+
 
+
<p>Results</p>
+
 
+
<p>&nbsp;</p>
+
 
+
<p>&nbsp;</p>
+
 
+
<p>E.coli&nbsp;and&nbsp;Bacillus&nbsp;sp.&nbsp;are&nbsp;the&nbsp;representative&nbsp;strains&nbsp;of&nbsp;Gram-negative&nbsp;and&nbsp;Gram-positive&nbsp;bacteria.&nbsp;We&nbsp;verified&nbsp;that&nbsp;both&nbsp;of&nbsp;them&nbsp;can&nbsp;produce&nbsp;AI-2&nbsp;during&nbsp;their&nbsp;growth&nbsp;process.&nbsp;Additionally,&nbsp;AI-2&nbsp;production&nbsp;by&nbsp;both&nbsp;of&nbsp;the&nbsp;two&nbsp;strains&nbsp;is&nbsp;significantly&nbsp;positive&nbsp;correlated&nbsp;with&nbsp;bacterial&nbsp;growth&nbsp;in&nbsp;the&nbsp;first&nbsp;two&nbsp;hours.&nbsp;All&nbsp;the&nbsp;results&nbsp;showed&nbsp;that&nbsp;AI-2&nbsp;could&nbsp;be&nbsp;produced&nbsp;by&nbsp;both&nbsp;Gram-negative&nbsp;and&nbsp;Gram-positive&nbsp;strains.&nbsp;Thus,&nbsp;our&nbsp;bio-detecting&nbsp;system&nbsp;might&nbsp;not&nbsp;only&nbsp;be&nbsp;used&nbsp;in&nbsp;Gram-negative&nbsp;bacteria&nbsp;detection,&nbsp;but&nbsp;also&nbsp;Gram-positive&nbsp;bacteria&nbsp;detection.</p>
+
 
+
<p>&nbsp;</p>
+
 
+
<p>&nbsp;</p>
+
 
+
<p>&nbsp;</p>
+
 
+
<p>&nbsp;</p>
+
 
+
<p>&nbsp;</p>
+
 
+
<p>&nbsp;</p>
+
 
+
<p>&nbsp;</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>
+

Revision as of 07:42, 16 September 2015

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Yogurt

Smile
Click here to overview