|
|
(43 intermediate revisions not shown) |
Line 1: |
Line 1: |
| + | {{:Team:USTC-China/partials/header}} |
| <html> | | <html> |
- | <head>
| + | <img src="https://static.igem.org/mediawiki/2014/a/a0/Ustc-2014-project-banner.jpg" class="ustc-banner"/> |
- | <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600,700" />
| + | <div id="main" class="row"> |
- | <link rel="stylesheet" href="https://2014.igem.org/Team:USTC-China/assets/css/foundation.min.css?action=raw&ctype=text/css" />
| + | <div class="large-5 columns" id="side-navbar"> |
- | <link rel="stylesheet" href="https://2014.igem.org/Team:USTC-China/assets/css/main.css?action=raw&ctype=text/css" /> | + | <img src="https://static.igem.org/mediawiki/2014/6/6d/Ustc-2014-ustc-LOGO-big.jpg"> |
- | <link rel="stylesheet" href="https://2014.igem.org/Team:USTC-China/assets/css/page.css?action=raw&ctype=text/css" />
| + | <ul class="inline-list"> |
- | <link rel="stylesheet" href="https://2014.igem.org/Team:USTC-China/assets/css/optimize.css?action=raw&ctype=text/css"/>
| + | <li><a href="https://2014.igem.org/Team:USTC-China/project/parts"><img src="https://static.igem.org/mediawiki/2014/7/75/Ustc-2014-1.jpg" width="80"></a></li> |
- | | + | <li style=" |
- | <script src="https://2014.igem.org/Team:USTC-China/assets/js/vendor/modernizr.js?action=raw&ctype=text/javascript"></script>
| + | margin-top: 20px; |
- | </head>
| + | "><a href="https://2014.igem.org/Team:USTC-China/project/background"><img src="https://static.igem.org/mediawiki/2014/b/b3/Ustc-2014-2.jpg" width="80"></a></li> |
- | <body>
| + | <li style=" |
- | <!-- Navbar -->
| + | margin-top: 25px; |
- | <img src="https://static.igem.org/mediawiki/2014/2/22/Color_bar.jpg" class="float-pic" /> | + | "><a href="https://2014.igem.org/Team:USTC-China/project/ecoliphotography"><img src="https://static.igem.org/mediawiki/2014/a/ab/Ustc-2014-3.jpg" href="https://2014.igem.org/Team:USTC-China/project/cimager" width="80"></a></li> |
- | <img src="https://static.igem.org/mediawiki/2014/6/61/Color_bar3.jpg" class="float-pic" id="color-bar-3" /> | + | <li style=" |
- | | + | margin-top: 15px; |
- | <nav class="top-bar foundation-bar" data-topbar data-options="sticky_on: large"> | + | "><a href="https://2014.igem.org/Team:USTC-China/project/ecoliphotography"><img src="https://static.igem.org/mediawiki/2014/b/b1/Ustc-2014-4.jpg" width="80"></a></li> |
- | <ul class="title-area">
| + | </ul> |
- | <li class="name"> | + | <ul class="inline-list"> |
- | <h1><a href="index.html">USTC-iGEM</a></h1>
| + | <li style=" |
- | </li>
| + | margin-left: 70px; |
- | <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
| + | "><a href="https://2014.igem.org/Team:USTC-China/project/killswitch"><img src="https://static.igem.org/mediawiki/2014/5/50/Ustc-2014-5.jpg" width="80"></a></li> |
- | </ul>
| + | <li style=" |
- | <section class="top-bar-section">
| + | margin-top: 20px; |
- | <ul class="right"> | + | "><a href="https://2014.igem.org/Team:USTC-China/project/killswitch"><img src="https://static.igem.org/mediawiki/2014/d/d2/Ustc-2014-6.jpg" href="https://2014.igem.org/Team:USTC-China/project/rna-rec" width="80"></a></li> |
- | <li id="li-1"> | + | <li><a href="https://2014.igem.org/Team:USTC-China/project/results" ><img src="https://static.igem.org/mediawiki/2014/c/c8/Ustc-2014-7.jpg" width="80"></a></li> |
- | <a href="https://2014.igem.org/Team:USTC-China/project">Project</a>
| + | |
- | </li>
| + | |
- | <li id="li-2">
| + | |
- | <a href="https://2014.igem.org/Team:USTC-China/modeling">Modeling</a>
| + | |
- | </li>
| + | |
- | <li id="li-3"> | + | |
- | <a href="https://2014.igem.org/Team:USTC-China/notebook">Notebook</a>
| + | |
- | </li>
| + | |
- | <li id="li-4">
| + | |
- | <a href="https://2014.igem.org/Team:USTC-China/hp">Human Practice</a>
| + | |
- | </li>
| + | |
- | <li id="li-5"> | + | |
- | <a href="https://2014.igem.org/Team:USTC-China/team">Team</a>
| + | |
- | </li>
| + | |
- | <li id="li-6">
| + | |
- | <a href="https://2014.igem.org/Team:USTC-China/safety">Safety</a>
| + | |
- | </li>
| + | |
| </ul> | | </ul> |
- | </section>
| |
- | </nav>
| |
| | | |
| + | </div> |
| + | <div class="large-7 columns" id="content-page"> |
| + | <h1 style=" margin-left:20px;font-size:64px; font-family: 'Noto Serif';"><span style="color:red">O</span>UR PROJECT</h1> |
| + | <div class="text"> |
| + | <h2>Abstract</h2> |
| + | <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, <b>novel bio-bricks</b> (light sensors & color printers), <b><em>Caulobacter crescentus</em></b> (a type of sticky bacterium) and <b>riboswitches</b> were utilized to conceptually make the system <b>colorful</b>, <b>clear</b> and <b>compact</b>. The results did prove this idea sound in principle, although further evaluation is required. We have managed to build light sensing circuits of three colors and a motion control device in C.crescentus. Furthermore, RNA logical gates were built in vivo as potential substitutes for certain parts of the system with hopefully unprecedented effectiveness.</p> |
| | | |
- | <div id="main" class="row"> | + | <p><div align="center"><img src="https://static.igem.org/mediawiki/2014/2/2b/USTC-China_Project_Abstract.png" class="th"/></div></p> |
- | <div class="large-3 columns" id="side-navbar"> | + | |
- | <div class="side-nav"> | + | |
- | <dl class="accordion" data-accordion>
| + | |
- | <dd class="accordion-navigation">
| + | |
- | <a href="#panel1">
| + | |
- | Overview</a>
| + | |
- | <div id="panel1" class="content active">
| + | |
- | <ul class="side-nav">
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | </dd>
| + | |
- | <dd class="accordion-navigation">
| + | |
- | <a href="#panel2">
| + | |
- | Background</a>
| + | |
- | <div id="panel2" class="content">
| + | |
- | <ul class="side-nav">
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | </dd>
| + | |
- | <dd class="accordion-navigation">
| + | |
- | <a href="#panel3">
| + | |
- | Imaging</a>
| + | |
- | <div id="panel3" class="content">
| + | |
- | <ul class="side-nav">
| + | |
- | </ul>
| + | |
- | </div> | + | |
- | </dd> | + | |
- | <dd class="accordion-navigation">
| + | |
- | <a href="#panel4">
| + | |
- | Motion Control</a>
| + | |
- | <div id="panel4" class="content">
| + | |
- | <ul class="side-nav">
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | </dd>
| + | |
- | <dd class="accordion-navigation">
| + | |
- | <a href="#panel5">
| + | |
- | Conjugation</a>
| + | |
- | <div id="panel5" class="content">
| + | |
- | <ul class="side-nav">
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | </dd>
| + | |
- | <dd class="accordion-navigation">
| + | |
- | <a href="#panel6">
| + | |
- | Kill switch</a>
| + | |
- | <div id="panel6" class="content">
| + | |
- | <ul class="side-nav">
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | </dd>
| + | |
- | <dd class="accordion-navigation">
| + | |
- | <a href="#panel7">
| + | |
- | RNA logic control</a>
| + | |
- | <div id="panel7" class="content">
| + | |
- | <ul class="side-nav">
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | </dd>
| + | |
- | <dd class="accordion-navigation">
| + | |
- | <a href="#panel8">
| + | |
- | Results</a>
| + | |
- | <div id="panel8" class="content">
| + | |
- | <ul class="side-nav">
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | </dd>
| + | |
- | <dd class="accordion-navigation">
| + | |
- | <a href="#panel9">
| + | |
- | Parts</a>
| + | |
- | <div id="panel9" class="content">
| + | |
- | <ul class="side-nav">
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | </dd>
| + | |
- | </dl>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | <div class="large-9 columns" id="content-page">
| + | |
- | <div class="title"><h1>Overview</h1></div>
| + | |
- | <div class="text">
| + | |
- | <p>Modern "lithography" has made images vividly printed on pages and animations vigorously projected on screens. <br />
| + | |
- | From that point, we move a step forward. Our project aims at conceiving and constructing a colorful bio-imaging system, on which once you project an image, ideally, the bio-system would exactly print it out on the substrate. <br />
| + | |
- | To accomplish this, novel bio-bricks(light sensors & color printers), Caulobacter crescentus(a sticky bacteria)and riboswitches were utilized to conceptually render it colorful,clear and compact. The results did prove this idea sound in principle, although further evaluation is required. <br />
| + | |
- | We have managed to build light sensing circuits of three color and a motion control device in C.crescentus. furthermore, RNA logical gates were built in vivo as substitutes for certain parts with hopefully unprecedented effectiveness.
| + | |
- | </div>
| + | |
- | </div>
| + | |
| | | |
- | <!-- Footer -->
| + | </div> |
- | <div class="footer-ustc">
| + | |
- | <div class="row">
| + | |
- | © 2014 USTC-iGEM Design. Distributed under <a href="http://creativecommons.org/licenses/by-sa/3.0/">BY-SA 3.0</a><br><br> | + | |
- | <a><img src="https://static.igem.org/mediawiki/2014/3/3a/GitHub.png"></a>
| + | |
- | <a><img src="https://static.igem.org/mediawiki/2014/4/41/Renren.png"></a>
| + | |
- | <a><img src="https://static.igem.org/mediawiki/2014/5/57/Weibo.png"></a>
| + | |
- | <a><img src="https://static.igem.org/mediawiki/2014/f/fe/Mail.png"></a>
| + | |
| </div> | | </div> |
| </div> | | </div> |
- | <script src="https://2014.igem.org/Team:USTC-China/assets/js/scroll.js?action=raw&ctype=text/javascript"></script>
| |
- | <script src="https://2014.igem.org/Team:USTC-China/assets/js/vendor/jquery.js?action=raw&ctype=text/javascript"></script>
| |
- | <script src="https://2014.igem.org/Team:USTC-China/assets/js/foundation.min.js?action=raw&ctype=text/javascript"></script>
| |
- | <script>$(document).foundation();</script>
| |
- | <script src="https://2014.igem.org/Team:USTC-China/assets/js/owl.carousel.min.js?action=raw&ctype=text/javascript"></script>
| |
- | <script>
| |
- | $(document).ready(function() {
| |
- | $('.owl-carousel').owlCarousel({
| |
- | animateOut: 'slideOutDown',
| |
- | animateIn: 'flipInX',
| |
- | items:1,
| |
- | margin:30,
| |
- | stagePadding:30,
| |
- | smartSpeed:450,
| |
- | loop: true
| |
- | });
| |
- | })
| |
- | </script>
| |
- | </body>
| |
| </html> | | </html> |
| + | {{:Team:USTC-China/partials/footer}} |