Difference between revisions of "Team:USTC"

Line 1: Line 1:
<!DOCTYPE html>
+
{{USTC}}
  <html>
+
<html>
    <head>
+
      <!--Import materialize.css-->
+
      <link type="text/css" rel="stylesheet" href="css/materialize.min.css"  media="screen,projection"/>
+
      <link rel = "stylesheet" href = "css/style.css">
+
  
      <!--Let browser know website is optimized for mobile-->
+
<h3>Project Description</h3>
      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+
<h4></h4>
 +
<p><b>NDM: Nanomachine Detecting Microbiotics</b></p>
 +
<p>Abusing antibiotics has caused severe antibiotics contamination and resistance issues worldwide. Therefore, we USTC develop a device NDM with OD detector and optical interference path, recognition program based on RasberryPi and Arduino to detect antibiotics in natural water bodies. In NDM, there are two bacterial systems for measurement: ROSE, an engineered bacterial reporter system integrated with permeability modification, logic amplification circuit and quorum sensing, is able to adjust EGFP expression level, and NDM reads fluorescence intensity from ROSE to send results in high resolution. CACCI, chemotaxis and transmembrane protein-modified bacteria, are chemically covalently adhered to a polymer membrane. Deformation caused by CACCI motility can be recognized with optical interference and the interference pattern recognition program inside NDM will analyze the deformation, thus antibiotic situation in sample can be accurately told. Hope with our project, antibiotics issues can be solved in an accelerated way. </p>
  
      <style>
 
  
      .tabs{
 
        background-color: transparent;
 
      }
 
  
 
+
<h3>Contact us:<br/></h3>
 
+
<a href="http://weibo.com/3929719655/fans?topnav=1&wvr=6&mod=message&need_filter=1">Weibo</a><br/>
        .tabs .tab a {
+
<a href="https://www.facebook.com/2014ustcchinaigem?ref=bookmarks">Facebook</a><br/>
    color: white;
+
<br />
    display: block;
+
    width: 100%;
+
    height: 100%;
+
  }
+
 
+
      .tabs .tab a:hover {
+
    color: #82d1f4;
+
}
+
 
+
.tabs .indicator {
+
    position: absolute;
+
    bottom: 0;
+
    height: 2px;
+
    background-color: white;
+
    will-change: left, right;
+
  }
+
 
+
 
+
 
+
 
+
.team_logo
+
{
+
  background-image : url(img/index/team_logo.png);
+
  background-repeat : no-repeat;
+
  width : 563px;
+
  height : 357px;
+
 
+
  position:fixed;
+
  right:0;
+
}
+
 
+
body {background-position: center;
+
background-repeat: no-repeat;
+
background-attachment: fixed;}
+
 
+
nav{
+
  background-color: rgba(70, 136, 241, 0.67);
+
}
+
 
+
 
+
footer .footer-copyright{
+
  background-color: rgba(70, 136, 241, 0.67);
+
}
+
 
+
 
+
      </style>
+
 
+
 
+
 
+
 
+
    </head>
+
 
+
    <body background="img/WP/WP3.png">
+
    <div class="navbar-fixed" >
+
      <nav class ="z-depth-0  top">
+
    <div class="nav-wrapper  ilike-blue-container">
+
      <a href="#" class="brand-logo"> <img src="img/index/igem_logo.png" alt=""></a>
+
      <ul id="nav-mobile" class="right hide-on-med-and-down">
+
        <li><a href="sass.html">Project</a></li>
+
        <li><a href="badges.html">Modeling</a></li>
+
        <li><a href="collapsible.html">NoteBook</a></li>
+
        <li><a href="collapsible.html">Human Practice</a></li>
+
        <li><a href="collapsible.html">Team</a></li>
+
        <li><a href="collapsible.html">Safety</a></li>
+
      </ul>
+
    </div>
+
  </nav>
+
  </div>
+
 
+
 
+
 
+
    <div class="team_logo"></div>
+
 
+
 
+
 
+
<div class="container ">
+
    <div class="row ">
+
    <div class="col s12">
+
      <ul class="tabs ">
+
 
+
        <li class="tab col s3 "><a href="#test1">
+
        Project
+
 
+
        </a></li>
+
        <li class="tab col s3"><a class="active" href="#test2">NoteBook</a></li>
+
        <li class="tab col s3 "><a href="#test3">Modeling</a></li>
+
        <li class="tab col s3"><a href="#test4">Human Practice</a></li>
+
      </ul>
+
    </div>
+
    <div id="test1" class="col s12 ">
+
      <div class="row ">
+
        <div class="col s12 m12">
+
          <div class="card hoverable">
+
            <div class="card-image">
+
              <img src="img/bd/bd1.jpg">
+
              <span class="card-title">Project</span>
+
            </div>
+
            <div class="card-content">
+
              <p>Modern "lithography" has made images vividly printed on pages and animations vigorously projected on screens. From that point, we move a step forward. Our project aims to conceive and construct a colorful bio-imaging system, on which once you project an image, ideally, the bio-system would exactly print it out on the substrate. To accomplish this, novel bio-bricks (light sensors & color printers), Caulobacter crescentus (a type of sticky bacterium) and riboswitches were utilized to conceptually make the system colorful, clear and compact...</p>
+
            </div>
+
            <div class="card-action">
+
              <a href="#">Read More ...</a>
+
            </div>
+
          </div>
+
        </div>
+
      </div>
+
    </div>
+
    <div id="test2" class="col s12">
+
      <div class="row">
+
        <div class="col s12 m12  ">
+
          <div class="card  hoverable ">
+
            <div class="card-image">
+
              <img src="img/bd/bd2.jpg">
+
              <span class="card-title">NoteBook</span>
+
            </div>
+
            <div class="card-content">
+
              <p>Our notebook has three sections:
+
              </p>
+
              <ol>
+
              <li>Timeline: The record of our laboratory progress;</li>
+
              <li>Bibliography: The collection of literatures;</li>
+
              <li>Protocols: The experimental standards we applied.</li>
+
              </ol>
+
              <br>
+
              <p>We sincerely hope that you can gain something from our notes. If you have doubt of anything, please contact us!</p>
+
            </div>
+
            <div class="card-action">
+
              <a href="#">Read More ...</a>
+
            </div>
+
          </div>
+
        </div>
+
        </div>
+
    </div>
+
    <div id="test3" class="col s12">
+
    <div class="row">
+
        <div class="col s12 m12">
+
          <div class="card hoverable">
+
            <div class="card-image">
+
              <img src="img/bd/bd3.jpg">
+
              <span class="card-title">Modeling</span>
+
            </div>
+
            <div class="card-content">
+
              <p>In our modeling efforts, we followed closely on our major 2 sub-projects,
+
Color Imaging and Motion Control
+
and their experimental connection.
+
Conjugation
+
Combing all the above, came the
+
C. imager Modeling.</p>
+
            </div>
+
            <div class="card-action">
+
              <a href="#">Read More ...</a>
+
            </div>
+
          </div>
+
        </div>
+
      </div>
+
      </div>
+
    <div id="test4" class="col s12">
+
    <div class="row" >
+
        <div class="col s12 m12">
+
          <div class="card hoverable">
+
            <div class="card-image">
+
              <img src="img/bd/bd4.jpg">
+
              <span class="card-title">Human Practice</span>
+
            </div>
+
            <div class="card-content">
+
              <p>We strongly hold a belief that it is our arduous responsibility to not only develop synthetic biology by working on a project day and night but teach and enlighten the public to be intrigued in biology and understand what scientists are doing on genetic engineering and other biology technology so that the public is capable of judging whether genetically modified organism (GMO) is safe and personalized gene sequencing and therapy are reliable enough...</p>
+
            </div>
+
            <div class="card-action">
+
              <a href="#">Read More ...</a>
+
            </div>
+
          </div>
+
        </div>
+
      </div>
+
    </div>
+
  </div>
+
  </div>
+
 
+
 
+
 
+
 
+
       
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
       
+
 
+
             
+
 
+
 
+
      <!--Import jQuery before materialize.js-->
+
      <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
+
      <script type="text/javascript" src="js/materialize.min.js"></script>
+
    </body>
+
  </html>
+

Revision as of 07:45, 7 August 2015

Project Description

NDM: Nanomachine Detecting Microbiotics

Abusing antibiotics has caused severe antibiotics contamination and resistance issues worldwide. Therefore, we USTC develop a device NDM with OD detector and optical interference path, recognition program based on RasberryPi and Arduino to detect antibiotics in natural water bodies. In NDM, there are two bacterial systems for measurement: ROSE, an engineered bacterial reporter system integrated with permeability modification, logic amplification circuit and quorum sensing, is able to adjust EGFP expression level, and NDM reads fluorescence intensity from ROSE to send results in high resolution. CACCI, chemotaxis and transmembrane protein-modified bacteria, are chemically covalently adhered to a polymer membrane. Deformation caused by CACCI motility can be recognized with optical interference and the interference pattern recognition program inside NDM will analyze the deformation, thus antibiotic situation in sample can be accurately told. Hope with our project, antibiotics issues can be solved in an accelerated way.

Contact us:

Weibo
Facebook