Line 2: | Line 2: | ||
<html> | <html> | ||
+ | <head> | ||
+ | <title>Project</title> | ||
+ | <style type='text/css'> | ||
+ | #top_title, #sideMenu { | ||
+ | display: none; | ||
+ | } | ||
− | + | #content { | |
+ | width: 100%; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | background: #f3f4f4; | ||
+ | } | ||
+ | p { | ||
+ | font-family: Lato !important; | ||
+ | font-size: 17px !important | ||
+ | } | ||
− | + | h1 { | |
+ | font-size: 40 -px !important; | ||
+ | } | ||
− | + | body { | |
− | + | font-family: Lato !important; | |
− | + | } | |
− | + | h3 { | |
− | + | font-size: 25 -px; | |
+ | } | ||
− | < | + | #bg { |
− | + | position: fixed; | |
− | + | z-index: -1; | |
− | + | top: 0; | |
− | + | left: 0; | |
− | + | } | |
− | + | </style> | |
+ | <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'> | ||
+ | <!-- 最新版本的 Bootstrap 核心 CSS 文件 --> | ||
+ | <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" | ||
+ | integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | </ | + | <script>localStorage.clear();</script> |
+ | <!-- 最新的 Bootstrap 核心 JavaScript 文件 --> | ||
+ | <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" | ||
+ | integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" | ||
+ | crossorigin="anonymous"></script> | ||
+ | <script type="text/javascript" async | ||
+ | src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML"></script> | ||
+ | <script type="text/x-mathjax-config"> | ||
+ | MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}}); | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </script> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | |||
+ | $(document).ready(function () { | ||
+ | $("#category_navbar a").on('click', function (event) { | ||
+ | // Make sure this.hash has a value before overriding default behavior | ||
+ | if (this.hash !== "") { | ||
+ | // Prevent default anchor click behavior | ||
+ | event.preventDefault(); | ||
+ | |||
+ | // Store hash0 | ||
+ | var hash = this.hash; | ||
+ | |||
+ | // Using jQuery's animate() method to add smooth page scroll | ||
+ | // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area | ||
+ | $('html, body').animate({ | ||
+ | scrollTop: $(hash).offset().top | ||
+ | }, 800, function () { | ||
+ | |||
+ | // Add hash (#) to URL when done scrolling (default click behavior) | ||
+ | window.location.hash = hash; | ||
+ | }); | ||
+ | } // End if | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | |||
+ | </script> | ||
+ | |||
+ | </head> | ||
+ | </head> | ||
+ | |||
+ | <body data-spy="scroll" data-target="#category_navbar"> | ||
+ | |||
+ | <div class="container" style='z-index:10;position:relative;'> | ||
+ | |||
+ | |||
+ | <div class="row card" id='bodycontainer' class='row'> | ||
+ | |||
+ | <nav class="navbar navbar-default navbar-static-top"> | ||
+ | <!-- Brand and toggle get grouped for better mobile display --> | ||
+ | <div class="navbar-header"> | ||
+ | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" | ||
+ | data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> | ||
+ | <span class="sr-only">Toggle navigation</span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | </button> | ||
+ | <a class="navbar-brand" href="#"><img | ||
+ | src="https://static.igem.org/mediawiki/2017/8/8c/%E5%91%80%E5%95%8A%E5%93%88.jpeg" width="100"></a> | ||
+ | </div> | ||
+ | |||
+ | <!-- Collect the nav links, forms, and other content for toggling --> | ||
+ | <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> | ||
+ | <ul class="nav navbar-nav"> | ||
+ | <li><a href="/Team:SDSZ-China">Home</a></li> | ||
+ | <li><a href="/Team:SDSZ-China/Project">Project</a></li> | ||
+ | <li><a href="/Team:SDSZ-China/Experiment">Experiment</a></li> | ||
+ | <li><a href="/Team:SDSZ-China/Parts">Parts</a></li> | ||
+ | <li><a href="/Team:SDSZ-China/Human_Practices">Human Practices</a></li> | ||
+ | <li><a href="/Team:SDSZ-China/Safety">Safety</a></li> | ||
+ | </ul> | ||
+ | <ul class="nav navbar-nav navbar-right"> | ||
+ | <li><a href="/Team:SDSZ-China/Team">Team and attributions</a></li> | ||
+ | <li><a href="#">By SDSZ</a></li> | ||
+ | </ul> | ||
+ | </div><!-- /.navbar-collapse --> | ||
+ | </nav> | ||
+ | |||
+ | |||
+ | <div class="col-sm-2" style='padding-left:5% padding-right:10%'> | ||
+ | <div id="category_navbar"> | ||
+ | <ul class="nav nav-list" data-spy="affix" data-offset-top="160" | ||
+ | style='-webkit-transform: translateZ(0);width:160px;margin-left:0'> | ||
+ | |||
+ | <li><a href="#Background">Background</a></li> | ||
+ | <li><a href="#Purpose">Purpose</a></li> | ||
+ | <li><a href="#Overview">Overview of the project</a></li> | ||
+ | <li><a href="#Goal">Our goal</a></li> | ||
+ | <li><a href="#Demonstration">Demonstration</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-10" style="padding-right:5%"> | ||
+ | <div class="row"> | ||
+ | <div class="col-sm-12"> | ||
+ | <h1 id='Background'>Background</h1> | ||
+ | <p>We designed a set of devices to take advantage of Cellulose-Binding Domain, includes a reaction container and an optical detector. When we connect them with pipes and a peristaltic pump, the sensor will be able to continuously inspect the absorbance of solution inside the container, which means the concentration of coenzyme in the reaction container. </p> | ||
+ | [[File:T--SDSZ-China--optics.mov]] | ||
+ | <p>The reaction container mainly consists of two slots to hold gauze with enzymes, and two motors to control the elevation of the slot. Each slot has two boards press a piece of gauze, connect to rod and motor by wire. By driving the motor, we can start or cease the reaction by merely raising or dropping the enzyme slot. The two holes on the cap are used by pipes, one for inflow and one for outflow. </p> | ||
+ | <p>The optical detector is another critical device in this system. It contains a 340nm LED with narrow viewing angle, a cuvette holder, and a CCD sensor. CCD is a highly sensitive optical sensor and is used to detect minor changes in light intensity. There are rectangle holes all through the optical path, so only light in right path will reach the sensor.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div class="backgroundpic"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/e/e3/%E8%83%8C%E6%99%AF2jpeg.jpeg" width="100%" | ||
+ | height="100%" id="bg" alt=""> | ||
+ | </div> | ||
+ | </div> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 02:20, 2 November 2017
Background
We designed a set of devices to take advantage of Cellulose-Binding Domain, includes a reaction container and an optical detector. When we connect them with pipes and a peristaltic pump, the sensor will be able to continuously inspect the absorbance of solution inside the container, which means the concentration of coenzyme in the reaction container.
[[File:T--SDSZ-China--optics.mov]]The reaction container mainly consists of two slots to hold gauze with enzymes, and two motors to control the elevation of the slot. Each slot has two boards press a piece of gauze, connect to rod and motor by wire. By driving the motor, we can start or cease the reaction by merely raising or dropping the enzyme slot. The two holes on the cap are used by pipes, one for inflow and one for outflow.
The optical detector is another critical device in this system. It contains a 340nm LED with narrow viewing angle, a cuvette holder, and a CCD sensor. CCD is a highly sensitive optical sensor and is used to detect minor changes in light intensity. There are rectangle holes all through the optical path, so only light in right path will reach the sensor.